Baked French Onion Gnocchi

As seen in: Evening Meals That Deliver Results

Experience the warmth and richness of baked French onion gnocchi, where pillowy gnocchi simmers in a savory blend of caramelized onions and beef broth. Finished with a generous layer of Swiss or Gruyere cheese, this dish is baked until bubbly and golden, evoking the beloved flavors of classic French onion soup. Serve it piping hot with crispy French bread slices for dipping, soaking up every bit of the fragrant, cheesy sauce. Ideal for cozy family dinners or impressing guests with comfort food, it's an irresistible blend of textures and flavors.

Sarah Crisp
Contributed By Sarah Crisp
Last modified on Sat, 19 Jul 2025 00:17:52 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

→ How do you achieve caramelized onions for this dish?

Slowly cook thinly sliced sweet onions in olive oil and butter over medium heat, stirring often until they turn deeply golden and soft—about 20 minutes delivers the ideal color and flavor.

→ Can I use chicken broth instead of beef broth?

Yes, while beef broth adds a traditional depth, chicken or even vegetable broth can be used for a lighter or vegetarian option with slightly different notes.

→ What cheese pairs best with this dish?

Swiss or Gruyere cheese provides classic French onion flavor with perfect melt and a hint of nutty sharpness.

→ Can I prepare this in advance?

Yes, assemble the dish up to the baking step and refrigerate. Bake when ready to serve, adding a few extra minutes to account for the chill.

→ Are there alternatives to store-bought gnocchi?

Homemade gnocchi can be used for a more personal touch—look for variations using potatoes or ricotta for different textures.

Baked French Onion Gnocchi

Tender gnocchi baked with sweet onions, melty cheese, and French bread for classic cozy flavor.

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