Simple Baked French Onion Gnocchi

Featured in:

Discover how to make baked French onion gnocchi with caramelized onions, Gruyere, and pillowy gnocchi all in one cozy, cheesy skillet.

sarah mae carter for recipes by clare
By Sarah Mae Carter
Updated on Wed, 11 Mar 2026 11:09:47 GMT
Pinterest Hidden Image

Baked French Onion Gnocchi is one of those recipes that turns a regular weeknight into something worth sitting down for. It takes everything you love about classic French onion soup and wraps it around soft, pillowy potato gnocchi in one bubbling, cheesy skillet. I started making this on cold evenings when I wanted something cozy without a lot of dishes, and it has been in the rotation ever since.

There is something deeply satisfying about watching onions slowly transform in a pan, going from sharp and pale to sweet, jammy, and golden brown. That is the heart of this baked French onion gnocchi. Once the sauce comes together and the gnocchi soaks up all that savory beef broth, topped with a thick layer of melted Gruyere, you have a one-pan gnocchi bake that feels like a hug in a bowl. It is practical, comforting, and the kind of meal that gets requested again.

What You Need for This French Onion Gnocchi Bake

Gathering everything before you start makes this baked French onion gnocchi come together smoothly, especially since the onions need your attention early on. I always shred Gruyere fresh from a block rather than buying pre-shredded. It melts creamier and gives the top that gorgeous golden crust.

  • 2 tablespoons butter
  • 2 large yellow onions, thinly sliced
  • 1/2 teaspoon salt
  • 1/4 teaspoon black pepper
  • 2 cloves garlic, minced
  • 1 tablespoon fresh thyme leaves (or 1 teaspoon dried thyme as a substitute)
  • 2 tablespoons all-purpose flour
  • 1/2 cup dry white wine, optional (Sauvignon Blanc or Pinot Grigio work well)
  • 2 cups beef broth, low-sodium preferred
  • 1 (17.5-ounce) package shelf-stable or refrigerated potato gnocchi
  • 1 cup Gruyere cheese, freshly shredded (Swiss cheese works as a substitute)
  • 1/2 cup Parmesan cheese, grated
  • Fresh thyme or parsley for garnish, optional

Pro tip: If you skip the wine, add a splash of Worcestershire sauce with the broth instead. It adds a similar depth of flavor without the alcohol.

Baked French onion gnocchi in a cast iron skillet with bubbly golden Gruyere cheese and fresh thyme

Step-by-Step Instructions for Baked French Onion Gnocchi

I recommend reading through all the steps once before starting. The caramelizing phase is the longest part, and rushing it will flatten the flavor of the whole dish. Low, slow heat is your friend here.

Step 1: Preheat your oven to 400 degrees F (200 degrees C).

Step 2: Melt the butter in a large oven-safe skillet over medium heat. Add the sliced onions, salt, and pepper. Cook, stirring every few minutes, for 20 to 25 minutes until the onions are deeply golden and jammy. If they start to brown too quickly, lower the heat to medium-low. They should smell sweet and look amber, not scorched.

Step 3: Stir in the minced garlic and fresh thyme. Cook for about 1 minute until fragrant. The aroma at this point is incredible.

Step 4: Sprinkle the flour evenly over the onions and stir well to coat everything. Cook for 1 full minute to cook out the raw flour taste. The mixture will look thick and clumpy – that is normal.

Step 5: If using wine, pour it in now and use a wooden spoon to scrape up any browned bits from the bottom of the pan. Those bits are packed with flavor. Let it simmer for 1 to 2 minutes until slightly reduced.

Step 6: Gradually whisk in the beef broth, a little at a time, until the sauce is smooth. Bring to a gentle simmer and cook for 5 minutes, stirring occasionally, until the sauce thickens enough to coat the back of a spoon. If it seems too thin, let it go another 2 minutes before adding the gnocchi.

Step 7: Add the gnocchi directly to the skillet and stir gently to coat every piece in the sauce. Spread into a single even layer. No need to pre-boil them.

Step 8: Sprinkle the shredded Gruyere and Parmesan evenly over the top.

Step 9: Transfer the skillet to the preheated oven. Bake for 15 to 20 minutes until the cheese is bubbly and golden brown on top. For a deeper golden crust, switch to the broiler for 1 to 2 minutes at the end. Do not walk away during the broil step.

Step 10: Let the skillet rest for 3 to 5 minutes before serving. The sauce will thicken slightly as it cools. Garnish with fresh thyme or chopped parsley if you like.

Best Sides to Serve with Your French Onion Gnocchi Bake

This baked French onion gnocchi is rich and savory, so the best sides for French onion gnocchi are light and fresh to balance the depth of the cheese and onion sauce.

Green salad with vinaigrette: A crisp salad with lemon or red wine vinaigrette cuts right through the richness and keeps the meal feeling balanced.

Roasted vegetables: Asparagus, broccoli, or Brussels sprouts with a little char pair really well with the creamy, saucy gnocchi.

Crusty bread: A thick slice of sourdough or a French baguette is the best way to scoop up every last bit of that onion sauce from the bottom of the pan.

Simple steamed green beans: A quick, no-fuss side that keeps the plate from feeling too heavy, especially when serving a crowd.

More Cozy Dinner Recipes to Try Next

This baked French onion gnocchi pairs perfectly with other rich, warming dinners that bring the same comfort-food satisfaction. For another skillet dinner built on deep, savory flavor, the French Onion Chicken Rice Casserole is a natural companion recipe that uses the same beloved French onion base. If pasta nights are a regular thing, the One Pot French Onion Pasta and French Onion Soup Pasta are both easy weeknight wins with that same caramelized onion magic.

Looking for something to round out the table alongside this gnocchi bake? A crisp Winter Salad makes a fresh, light contrast to the rich cheese sauce, while the Cheesy Bolognese Gnocchi Bake is a great option for gnocchi lovers who want to explore a hearty meat sauce version. For a cozy soup starter before the main course, the Wild Mushroom Caramelized Onion and Kale Soup sets the perfect savory tone for the meal.

Storage and Reheating Tips for This Baked Gnocchi

Store leftovers in an airtight container in the refrigerator for up to 3 days. The flavors deepen overnight, making this one of those dishes that tastes even better the next day.

To reheat, warm in the oven at 350 degrees F (175 degrees C) for 10 to 15 minutes. Add a small splash of beef broth before reheating to loosen the sauce back up. For a quicker option, the microwave works fine in 60-second intervals, stirring between each one.

This dish can be frozen for up to 1 month. Keep in mind that the gnocchi texture may soften slightly after freezing and thawing. For best results, enjoy it fresh or straight from the fridge within the first few days.

Common Questions About Baked French Onion Gnocchi

Can I make this without wine?

Yes. Replace the wine with an equal amount of beef broth. A small splash of Worcestershire sauce stirred in with the broth adds a nice savory depth in place of the wine.

My sauce is too thin after simmering. What should I do?

Let it cook a few extra minutes at Step 6 before adding the gnocchi. It should be thick enough to coat the back of a spoon before you move on. Adding the gnocchi to thin sauce means it may not bake up as rich and cohesive.

Can I use a different cheese?

Gruyere gives the most authentic French onion flavor and the best melt. Swiss cheese or even mozzarella work as substitutes. Pecorino Romano can replace the Parmesan in a pinch.

Can I use fresh gnocchi instead of shelf-stable?

Yes, fresh or refrigerated gnocchi goes in exactly the same way. No need to adjust the recipe.

Make This Baked French Onion Gnocchi Tonight

This baked French onion gnocchi delivers big, restaurant-worthy flavor without a lot of effort or cleanup. The caramelized onions do the heavy lifting, and everything else comes together in one skillet. Whether it is a regular Tuesday night or a cozy dinner for company, this recipe earns its spot on the table every single time. Give it a try tonight and see for yourself.

Print

Simple Baked French Onion Gnocchi

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Simple Baked French Onion Gnocchi combines rich caramelized onions, savory beef broth, and pillowy potato gnocchi topped with melted Gruyere and Parmesan cheese. A cozy one-pan dinner that delivers all the flavor of classic French onion soup.

  • Author: Sarah Mae Carter
  • Prep Time: 15 minutes
  • Cook Time: 45 minutes
  • Total Time: 60 minutes
  • Yield: 4 servings 1x
  • Category: Dinner
  • Method: Bake, Saute
  • Cuisine: French-American

Ingredients

Scale
  • 2 tablespoons butter
  • 2 large yellow onions, thinly sliced
  • 1/2 teaspoon salt
  • 1/4 teaspoon black pepper
  • 2 cloves garlic, minced
  • 1 tablespoon fresh thyme leaves (or 1 teaspoon dried)
  • 2 tablespoons all-purpose flour
  • 1/2 cup dry white wine, optional
  • 2 cups beef broth, low-sodium preferred
  • 1 (17.5-ounce) package potato gnocchi
  • 1 cup Gruyere cheese, freshly shredded
  • 1/2 cup Parmesan cheese, grated
  • Fresh thyme or parsley for garnish, optional

Instructions

  1. Preheat your oven to 400 degrees F (200 degrees C).
  2. Melt butter in a large oven-safe skillet over medium heat. Add sliced onions, salt, and pepper. Cook, stirring occasionally, for 20 to 25 minutes until deeply golden and jammy. Lower heat to medium-low if onions are browning too quickly.
  3. Stir in the minced garlic and fresh thyme. Cook for 1 minute until fragrant.
  4. Sprinkle flour evenly over the onions and stir to coat. Cook for 1 minute to remove the raw flour taste.
  5. If using wine, pour it in and scrape up any browned bits from the bottom of the pan. Simmer for 1 to 2 minutes until slightly reduced.
  6. Gradually whisk in the beef broth until smooth. Bring to a gentle simmer and cook for 5 minutes, stirring occasionally, until the sauce thickens enough to coat the back of a spoon.
  7. Add the gnocchi directly to the skillet and stir to coat in the sauce. Spread into an even layer.
  8. Sprinkle the shredded Gruyere and Parmesan evenly over the top.
  9. Transfer the skillet to the oven and bake for 15 to 20 minutes until the cheese is bubbly and golden. For a deeper crust, broil for 1 to 2 minutes at the end. Watch closely.
  10. Let rest for 3 to 5 minutes before serving. Garnish with fresh thyme or parsley if desired.

Notes

  • Do not rush the caramelizing step. Low, slow heat over 20 to 25 minutes is what builds the deep, sweet French onion flavor.
  • Shred Gruyere fresh from a block for the creamiest, most even melt on top.
  • For extra flavor, add a splash of Worcestershire sauce along with the beef broth.
  • No oven-safe skillet? Transfer the mixture to a baking dish before adding the cheese and baking.

Nutrition

  • Serving Size: 1/4 of recipe
  • Calories: 420 kcal
  • Sugar: 6 g
  • Sodium: 820 mg
  • Fat: 18 g
  • Saturated Fat: 10 g
  • Unsaturated Fat: 7 g
  • Trans Fat: 0 g
  • Carbohydrates: 48 g
  • Fiber: 3 g
  • Protein: 14 g
  • Cholesterol: 52 mg

Did you make this recipe?

Share a photo and tag us #Benefitiany— we can’t wait to see what you’ve made!

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star