If you ask me, French onion soup was always meant to be turned into a pasta bake.
This cozy dish takes everything you love about classic French onion soup and tosses it with pillowy gnocchi. Caramelized onions get stirred into a rich broth with plenty of melted Gruyère cheese.
The gnocchi soaks up all those savory flavors while it bakes in the oven. More cheese gets broiled on top until it’s bubbly and golden brown.
It’s a comforting dinner that feels fancy but comes together on a regular weeknight.

Why You’ll Love This Baked French Onion Gnocchi
- Classic comfort food with a twist – This recipe combines the rich, savory flavors of French onion soup with pillowy gnocchi for a cozy dinner that feels both familiar and exciting.
- Simple ingredients – You only need a handful of basic items like onions, broth, and cheese to create something that tastes like you spent hours in the kitchen.
- One-dish meal – Everything bakes together in one pan, which means less cleanup and more time to relax after dinner.
- Ready in under an hour – From start to finish, you’ll have this hearty meal on the table in about 50 minutes, making it perfect for busy weeknights.
- Crowd-pleaser – The melted cheese, caramelized onions, and tender gnocchi make this a dish everyone at the table will love.
What Kind of Gnocchi Should I Use?
You can use either shelf-stable or refrigerated gnocchi for this recipe, and both will turn out great. The shelf-stable kind that comes in vacuum-sealed packages is super convenient and has a longer shelf life, while the refrigerated gnocchi from the pasta section tends to be a bit softer and cooks up slightly fluffier. If you’re feeling ambitious, homemade gnocchi works beautifully here too, though it’s definitely not necessary. Just avoid frozen gnocchi if possible, as it can release extra water during baking and make your dish a bit soggy.

Options for Substitutions
This recipe is pretty forgiving when it comes to swapping ingredients:
- Gnocchi: Store-bought gnocchi works great here, but don’t substitute it with regular pasta – the pillowy texture of gnocchi is what makes this dish special. Stick with potato gnocchi for the best results.
- Sweet onion: Yellow onions work just fine if you don’t have sweet onions. They’ll give you a slightly sharper flavor, but they’ll still caramelize nicely.
- White wine: If you’re out of white wine, use extra beef broth with a splash of white wine vinegar (about 1 teaspoon) to mimic that acidic kick.
- Gruyere or Swiss cheese: These cheeses are traditional for French onion flavor, but mozzarella or provolone can work in a pinch. Just know you’ll lose some of that nutty, complex taste that makes this dish special.
- Fresh thyme: Dried thyme works too – just use 1 teaspoon instead of 1 tablespoon since dried herbs are more concentrated.
- French bread: Any crusty bread will do the job here. Try sourdough, ciabatta, or even a baguette cut into rounds.
Watch Out for These Mistakes While Baking
The biggest mistake when making this dish is rushing the onions – they need at least 20-25 minutes of slow cooking over medium-low heat to caramelize properly and develop that sweet, deep flavor that makes French onion anything special.
Another common error is adding the gnocchi straight from the package without checking if it’s fresh or shelf-stable, since fresh gnocchi cooks much faster and can turn mushy if you follow timing for the dried variety.
Don’t skip deglazing the pan with white wine after the onions caramelize, as this step lifts all those flavorful brown bits from the bottom and adds another layer of taste to your dish.
Finally, make sure your beef broth is hot or at least warm before adding it to the pan – cold broth will slow down the cooking process and can result in unevenly cooked gnocchi that’s soft on the outside but firm in the center.

What to Serve With Baked French Onion Gnocchi?
This dish is pretty hearty on its own, but I love serving it with a simple arugula salad dressed with lemon and olive oil to cut through all that cheesy richness. A glass of red wine makes a great pairing too, especially since the gnocchi already has those deep, caramelized onion flavors going on. If you’re feeding a crowd, consider adding some roasted green beans or broccolini on the side for a bit of color and crunch. The toasted French bread that comes with the dish is perfect for scooping up extra cheese and broth from the bottom of your bowl.
Storage Instructions
Store: Keep any leftover baked gnocchi in an airtight container in the fridge for up to 3 days. The cheese and onions will continue to meld together, making it taste even better the next day. I’d recommend storing the toasted bread separately so it doesn’t get soggy.
Freeze: This dish freezes pretty well for up to 2 months. Let it cool completely, then transfer to a freezer-safe container. Just know that the gnocchi texture might be a bit softer after freezing, but the flavors will still be there.
Reheat: Warm it up in the oven at 350°F for about 15-20 minutes until heated through and the cheese gets bubbly again. You can also microwave individual portions, but the oven gives you that nice crispy top. Add fresh toasted bread when serving for the best texture.
| Preparation Time | 10-15 minutes |
| Cooking Time | 40-50 minutes |
| Total Time | 50-65 minutes |
| Level of Difficulty | Medium |
Estimated Nutrition
Estimated nutrition for the whole recipe (without optional ingredients):
- Calories: 2100-2300
- Protein: 60-70 g
- Fat: 65-75 g
- Carbohydrates: 300-320 g
Ingredients
For the gnocchi:
- 1 large sweet onion (thinly sliced)
- 1 tbsp unsalted butter (room temperature)
- 1 lb gnocchi
- 2 cups beef broth
- 1 tbsp olive oil
- 1 tbsp fresh minced thyme
- salt to taste
- 1/4 cup white wine
- pepper to taste (freshly ground preferred)
For the topping:
- 1 cup shredded swiss or gruyere cheese (I prefer gruyere for deeper flavor)
- 8-10 slices French bread
Step 1: Caramelize the Onions
- 1 tbsp olive oil
- 1 tbsp unsalted butter (room temperature)
- 1 large sweet onion (thinly sliced)
Preheat your oven to 400°F (200°C).
In a large skillet or Dutch oven, heat the olive oil and butter over medium heat.
Add the thinly sliced sweet onion and cook, stirring occasionally, until the onions are deeply caramelized and golden brown, about 20 minutes.
Taking your time here will really develop that classic French onion flavor.
Step 2: Deglaze and Build the Sauce
- 1/4 cup white wine
- 2 cups beef broth
- 1 tbsp fresh minced thyme
Pour in the white wine to deglaze the pan, using a wooden spoon to scrape up any browned bits from the bottom.
Stir in the beef broth and fresh minced thyme, then bring the mixture to a gentle simmer.
This will infuse the onions with even more savory flavor.
Step 3: Cook the Gnocchi in the Sauce
- 1 lb gnocchi
Add the gnocchi to the simmering onion and broth mixture.
Cook, stirring occasionally, until the gnocchi is tender and the sauce has thickened and reduced, about 5-10 minutes.
Step 4: Season, Assemble, and Bake
- salt to taste
- pepper to taste (freshly ground preferred)
- 1 cup shredded swiss or gruyere cheese (I prefer gruyere for deeper flavor)
Season the gnocchi mixture with salt and freshly ground pepper to taste.
Transfer everything into a medium greased baking dish and sprinkle evenly with the shredded cheese.
Bake for 20-25 minutes at 400°F until the cheese is bubbly and lightly browned.
I like to use Gruyere for deeper flavor, but Swiss works well too.
Step 5: Serve with French Bread
- 8-10 slices French bread
Serve the bubbling hot gnocchi bake straight from the oven with slices of French bread for dipping.
Enjoy!
For an extra touch, you could lightly toast the French bread before serving for more crunch.

Mouthwatering Baked French Onion Gnocchi
Ingredients
For the gnocchi:
- 1 large sweet onion (thinly sliced)
- 1 tbsp unsalted butter (room temperature)
- 1 lb gnocchi
- 2 cups beef broth
- 1 tbsp olive oil
- 1 tbsp fresh minced thyme
- salt to taste
- 1/4 cup white wine
- pepper to taste (freshly ground preferred)
For the topping:
- 1 cup shredded swiss or gruyere cheese (I prefer gruyere for deeper flavor)
- 8-10 slices French bread
Instructions
- Preheat your oven to 400°F (200°C). In a large skillet or Dutch oven, heat the olive oil and butter over medium heat. Add the thinly sliced sweet onion and cook, stirring occasionally, until the onions are deeply caramelized and golden brown, about 20 minutes. Taking your time here will really develop that classic French onion flavor.
- Pour in the white wine to deglaze the pan, using a wooden spoon to scrape up any browned bits from the bottom. Stir in the beef broth and fresh minced thyme, then bring the mixture to a gentle simmer. This will infuse the onions with even more savory flavor.
- Add the gnocchi to the simmering onion and broth mixture. Cook, stirring occasionally, until the gnocchi is tender and the sauce has thickened and reduced, about 5-10 minutes.
- Season the gnocchi mixture with salt and freshly ground pepper to taste. Transfer everything into a medium greased baking dish and sprinkle evenly with the shredded cheese. Bake for 20-25 minutes at 400°F until the cheese is bubbly and lightly browned. I like to use Gruyere for deeper flavor, but Swiss works well too.
- Serve the bubbling hot gnocchi bake straight from the oven with slices of French bread for dipping. Enjoy! For an extra touch, you could lightly toast the French bread before serving for more crunch.