Baked French Onion Gnocchi

As seen in: Evening Meals That Deliver Results

Enjoy a comforting dish where pillowy gnocchi is baked in richly caramelized onions and savory beef broth, all topped with a generous layer of melted Swiss or Gruyere cheese until golden and bubbling. Toasted French bread on the side adds a satisfying crunch and makes it perfect for soaking up every last bit of the flavorful onion-laced sauce. The balance of soft gnocchi, creamy cheese, and sweet onions creates a hearty twist on the iconic French onion flavor profile, making for a dish that's satisfying enough for weeknights and special enough for gatherings.

Sarah Crisp
Contributed By Sarah Crisp
Last modified on Sat, 19 Jul 2025 02:34:50 GMT
A bowl of baked French onion gnocchi. Save This
A bowl of baked French onion gnocchi. | cookrisp.com

This baked French onion gnocchi transforms the beloved soup into a hearty, comforting meal perfect for chilly evenings. The pillowy gnocchi absorbs all the rich flavors of caramelized onions and savory beef broth, while the melted cheese creates that irresistible pull with each bite.

I created this recipe when craving French onion soup but needing something more substantial for dinner. My family now requests it regularly during fall and winter, especially when we have guests to impress without spending hours in the kitchen.

Ingredients

  • Sweet onion: choose a large Vidalia or Spanish onion for natural sweetness that caramelizes beautifully
  • White wine: adds acidity to cut through the richness and helps deglaze the flavorful brown bits
  • Fresh thyme: provides earthy brightness that complements the beef and onion flavors
  • Beef broth: forms the foundation of flavor homemade is best but a good quality store bought works well
  • Gnocchi: use refrigerated for the best texture they absorb the sauce while maintaining their pillowy bite
  • Swiss or Gruyere cheese: authentic to French onion soup with perfect melting properties
  • French bread: get a fresh baguette and slice it yourself for the best dipping experience

Step-by-Step Instructions

Caramelize the Onions:
Heat olive oil and butter in a large skillet over medium heat until butter melts completely. Add thinly sliced onion and cook for a full 20 minutes, stirring occasionally but not constantly. Be patient as they slowly transform from translucent to golden to deep amber. This slow process develops the sweet complex flavor that defines the dish.
Develop the Sauce:
Pour in the white wine and immediately scrape the bottom of the pan with a wooden spoon to release all the flavorful browned bits. Let the wine reduce for about 1 minute before adding fresh thyme and beef broth. Bring this mixture to a gentle simmer, allowing the flavors to blend together.
Cook the Gnocchi:
Add the gnocchi directly to the simmering broth mixture. Stir occasionally while cooking for 5 to 10 minutes until the gnocchi becomes tender and the sauce thickens slightly. The gnocchi will absorb some of the flavorful broth as it cooks.
Bake to Perfection:
Transfer the gnocchi mixture to a greased baking dish, making sure to scrape all the sauce from the pan. Sprinkle generously with cheese, covering the entire surface. Bake at 400°F for 20 to 25 minutes until the cheese turns golden brown with some darker spots and the sauce bubbles around the edges.
A bowl of baked French onion gnocchi. Save This
A bowl of baked French onion gnocchi. | cookrisp.com

The white wine might seem like a small addition, but it makes all the difference in this recipe. I discovered this when I once skipped it thinking it wouldnt matter much, and the dish lacked that special depth. Now I always keep cooking wine on hand specifically for this recipe.

Make Ahead Options

This dish works wonderfully as a make ahead meal. You can complete all steps up to the baking stage, cover the dish tightly with foil, and refrigerate for up to 48 hours. When ready to serve, simply bake as directed, adding about 10 extra minutes to the cooking time if starting from cold. The flavors actually develop nicely with a rest in the refrigerator.

Perfect Pairings

Serve this rich gnocchi with a simple green salad dressed lightly with vinaigrette to balance the richness. The acidity and freshness of the greens complement the savory depth of the dish perfectly. For a special occasion, start with a light soup like tomato bisque or end with a fruit based dessert to round out the meal without overwhelming your guests.

Vegetarian Adaptation

To make this dish vegetarian friendly, substitute the beef broth with mushroom broth or vegetable broth enhanced with a tablespoon of soy sauce for depth. For even more umami flavor, add 8 ounces of sliced mushrooms to the pan after the onions have cooked for about 10 minutes. Cremini or shiitake varieties work especially well, adding meaty texture and rich flavor.

Common Queries

→ What kind of gnocchi works best?

Potato gnocchi is ideal, offering a tender texture that holds up well when baked and absorbs the flavors of the onion sauce.

→ Can I use a different cheese?

Gruyere or Swiss cheese melt beautifully, but mozzarella or provolone can be substituted for a slightly different taste and texture.

→ How do I achieve caramelized onions?

Slowly cook thinly sliced onions over medium heat with butter and olive oil, stirring often until deep golden and fragrant, about 20 minutes.

→ Is it possible to make this vegetarian?

Yes, substitute beef broth with vegetable broth and choose cheese suitable for vegetarians for a meat-free version.

→ What bread is best for dipping?

Toasted French baguette slices offer great crunch and soak up the savory sauce nicely, enhancing the overall experience.

→ How should leftovers be stored?

Keep leftovers refrigerated in an airtight container for up to 3 days; reheat in the oven or microwave until warmed through.

Baked French Onion Gnocchi

Soft gnocchi baked with caramelized onions, melty cheese, and toasted French bread for dipping.

Preparation Time
20 Minutes Required
Cooking Duration
45 Minutes Required
Overall Time
65 Minutes Required
Contributed By: Sarah Crisp

Recipe Type: Dinner Victories

Skill Level: Moderate

Cuisine Type: French

Serving Size: 4 Number of Servings

Dietary Preferences: ~

What You’ll Need

→ Main ingredients

01 1 tablespoon olive oil
02 1 tablespoon unsalted butter
03 1 large sweet onion, thinly sliced
04 1/4 cup white wine
05 1 tablespoon fresh minced thyme
06 2 cups beef broth
07 1 lb gnocchi
08 Salt and pepper to taste
09 1 cup shredded swiss or gruyere cheese
10 8-10 slices French bread, toasted

Steps to Follow

Step 01

Preheat oven to 400°F.

Step 02

In a large skillet or Dutch oven, melt olive oil and butter over medium heat. Add onions and stir occasionally until onions are a deep caramelized color, about 20 minutes.

Step 03

Deglaze the pan by adding white wine and scraping up any browned bits with a wooden spoon. Add thyme and beef broth and bring to a simmer.

Step 04

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

Step 05

Season gnocchi with salt and pepper to taste and scrape into a medium greased baking dish.

Step 06

Top with cheese and bake gnocchi at 400°F for 20-25 minutes until cheese is lightly browned and gnocchi is bubbly.

Step 07

Serve gnocchi with French bread slices for dipping. Enjoy!

Tools to Have

  • Large skillet or Dutch oven
  • Wooden spoon
  • Medium greased baking dish
  • Oven

Allergen Information

Double-check ingredients for allergens, and seek medical guidance if necessary.
  • Contains dairy (butter and cheese)
  • Contains gluten (French bread and gnocchi if not gluten-free)

Nutrition Info (Per Serving)

These figures are estimates and shouldn’t replace professional health advice.
  • Calories Per Serving: 469
  • Fat Content: 16.3 grams
  • Carbohydrates: 59.2 grams
  • Protein Amount: 17.9 grams