Simple Baked French Onion Gnocchi

I never thought I’d find a way to make gnocchi even more comforting than it already is, but here we are. French onion soup has been a favorite in our house for years—something about those sweet, caramelized onions and melty cheese just hits the spot. So naturally, I had to combine it with pillowy gnocchi and throw it all in the oven.

This recipe happened on one of those nights when I was staring into the fridge wondering what to make for dinner. I had a package of gnocchi, some onions, and cheese. That’s when it clicked. Why not bring together two cozy favorites into one pan?

The best part? Most of the work is just letting the onions do their thing in the pan while you catch up on dishes or help with homework. Then you toss everything together, pop it in the oven, and dinner is done. It’s the kind of meal that makes everyone think you spent way more time on it than you actually did.

SAVE NOW

What Kind of Gnocchi Should I Use?

You can use either fresh or shelf-stable gnocchi for this recipe, and both will turn out great. Fresh gnocchi from the refrigerated section tends to be a bit lighter and more tender, while the shelf-stable kind you find in the pasta aisle is totally fine and often more budget-friendly. If you’re feeling ambitious, homemade gnocchi works beautifully here too, but there’s absolutely no shame in using store-bought to save time. Just make sure you don’t pre-cook the gnocchi before adding it to the dish – it’ll cook perfectly in the beef broth as it bakes.

SAVE NOW

Options for Substitutions

This recipe is pretty forgiving when it comes to swaps, so here are some options if you need them:

• Gnocchi: Store-bought gnocchi works perfectly here, but don’t substitute it with regular pasta – the texture and cooking method won’t be the same. Stick with gnocchi for this one.
• Sweet onion: Yellow onions work just as well if you don’t have sweet onions. They’ll give you a slightly sharper flavor, but that’s totally fine for French onion dishes.
• White wine: If you don’t cook with wine, replace it with an extra 1/4 cup of beef broth plus a splash of white wine vinegar or lemon juice for that tangy note.
• Swiss or Gruyere cheese: Gruyere is traditional for French onion anything, but Swiss, provolone, or even mozzarella will melt nicely. For the best flavor, try to use Gruyere if you can find it.
• Fresh thyme: Dried thyme works in a pinch – just use 1 teaspoon instead of the tablespoon of fresh. You can also try rosemary for a different herb profile.
• French bread: Any crusty bread will do here – baguette, sourdough, or even thick slices of Italian bread. Just make sure to toast them well so they hold up to the broth.

Watch Out for These Mistakes While Baking

The biggest mistake when making this dish is rushing the onions – they need at least 20-30 minutes of slow cooking over medium-low heat to properly caramelize and develop that sweet, deep flavor that makes French onion dishes so good.

If you add the gnocchi to boiling broth, it can turn mushy and fall apart, so make sure your broth is at a gentle simmer before stirring in the gnocchi.

Another common error is not using enough broth – the gnocchi will absorb a lot of liquid as it bakes, so if your mixture looks too dry before going in the oven, add an extra splash of broth to prevent it from drying out.

Finally, resist the urge to skip toasting the bread slices, as untoasted bread will get soggy instead of creating that nice contrast between the crispy top and tender gnocchi underneath.

SAVE NOW

What to Serve With Baked French Onion Gnocchi?

This dish is pretty hearty on its own, so I like to keep sides simple and fresh to balance out all that cheesy goodness. A crisp green salad with a light vinaigrette is perfect – something with arugula or mixed greens and a tangy dressing cuts through the richness nicely. If you want something warm on the side, roasted green beans or broccolini with a squeeze of lemon work great. Since the gnocchi already comes with toasted French bread on top, you’re all set in the carb department, but a glass of red wine definitely doesn’t hurt if you’re in the mood!

Storage Instructions

Store: Keep any leftover baked gnocchi in an airtight container in the fridge for up to 3 days. The cheese might firm up a bit, but it’ll still taste great. I recommend storing the toasted bread separately so it doesn’t get too soggy from the sauce.

Freeze: This dish freezes pretty well if you want to make it ahead. Let it cool completely, then freeze in a freezer-safe container for up to 2 months. Just know that the gnocchi texture might be a little 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 melty again. You can also microwave individual portions, but the oven gives you that nice bubbly top. Add fresh toasted bread right before serving for the best texture.

Estimated Nutrition

Estimated nutrition for the whole recipe (without optional ingredients):

• Calories: 1850-2100
• Protein: 50-60 g
• Fat: 60-75 g
• Carbohydrates: 260-300 g

Ingredients

For the gnocchi:

• 1/4 cup white wine
• salt
• 1 tbsp unsalted butter (room temperature)
• 2 cups beef broth
• pepper
• 1 tbsp fresh minced thyme (or 1 tsp dried)
• 1 tbsp olive oil
• 1 lb gnocchi (fresh or frozen)
• 1 large sweet onion (thinly sliced)

For the topping:

• 8-10 slices French bread (day-old works best)
• 1 cup shredded swiss or gruyere cheese (I prefer Gruyere for deeper flavor)

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 over medium heat, melt the olive oil and unsalted butter together.

Add the thinly sliced sweet onion and cook, stirring occasionally, until the onions are deeply caramelized and golden brown, about 20 minutes.

I always take my time with this step—the slower you cook the onions, the sweeter and more flavorful they become.

Step 2: Deglaze and Simmer the Gnocchi

• 1/4 cup white wine
• 1 tbsp fresh minced thyme (or 1 tsp dried)
• 2 cups beef broth
• 1 lb gnocchi (fresh or frozen)

Pour in the white wine to deglaze the pan, scraping up any browned bits from the bottom.

Add the fresh minced thyme (or dried thyme) and beef broth, then bring the mixture to a simmer.

Add the gnocchi and stir occasionally over medium heat until the gnocchi is tender and the sauce has thickened and reduced, about 5-10 minutes.

Step 3: Season and Assemble for Baking

• salt
• pepper
• 1 cup shredded swiss or gruyere cheese (I prefer Gruyere for deeper flavor)

Season the gnocchi mixture with salt and pepper to taste.

Transfer everything into a greased medium baking dish and spread it out evenly.

Top with the shredded Swiss or Gruyere cheese.

For a deeper flavor, I personally prefer using Gruyere.

Step 4: Bake the Gnocchi

Bake the assembled gnocchi at 400°F (200°C) for 20-25 minutes, or until the cheese is lightly browned and the gnocchi is bubbly.

Remove from the oven and let it cool slightly before serving.

Step 5: Serve with French Bread

• 8-10 slices French bread (day-old works best)

Serve the hot gnocchi bake with French bread slices on the side for dipping.

Enjoy every cheesy, savory bite!

Simple Baked French Onion Gnocchi

Delicious Simple Baked French Onion Gnocchi recipe with step-by-step instructions.

5 from 2 votes

Print Recipe Pin Recipe

Prep Time 15 minutes mins

Cook Time 30 minutes mins

Total Time 45 minutes mins

Servings 4

Calories 1975 kcal

Ingredients

  

For the gnocchi:

• 1/4 cup white wine
• salt
• 1 tbsp unsalted butter (room temperature)
• 2 cups beef broth
• pepper
• 1 tbsp fresh minced thyme (or 1 tsp dried)
• 1 tbsp olive oil
• 1 lb gnocchi (fresh or frozen)
• 1 large sweet onion (thinly sliced)

For the topping:

• 8-10 slices French bread (day-old works best)
• 1 cup shredded swiss or gruyere cheese (I prefer Gruyere for deeper flavor)

Instructions

 

• Preheat your oven to 400°F (200°C). In a large skillet or Dutch oven over medium heat, melt the olive oil and unsalted butter together. Add the thinly sliced sweet onion and cook, stirring occasionally, until the onions are deeply caramelized and golden brown, about 20 minutes. I always take my time with this step—the slower you cook the onions, the sweeter and more flavorful they become.
• Pour in the white wine to deglaze the pan, scraping up any browned bits from the bottom. Add the fresh minced thyme (or dried thyme) and beef broth, then bring the mixture to a simmer. Add the gnocchi and stir occasionally over medium heat until the gnocchi is tender and the sauce has thickened and reduced, about 5-10 minutes.
• Season the gnocchi mixture with salt and pepper to taste. Transfer everything into a greased medium baking dish and spread it out evenly. Top with the shredded Swiss or Gruyere cheese. For a deeper flavor, I personally prefer using Gruyere.
• Bake the assembled gnocchi at 400°F (200°C) for 20-25 minutes, or until the cheese is lightly browned and the gnocchi is bubbly. Remove from the oven and let it cool slightly before serving.
• Serve the hot gnocchi bake with French bread slices on the side for dipping. Enjoy every cheesy, savory bite!