Baked French Onion Gnocchi

Category: Satisfying Main Dishes for Every Occasion

This baked French onion gnocchi combines tender gnocchi with sweet caramelized onions, savory beef broth, and melted gruyere cheese for a rich, comforting dish. Fresh thyme and white wine add depth, while crispy French bread topping provides texture. Ready in under 90 minutes, it's great for cozy family dinners or casual occasions.

Recipes Fives Halima
Created by Mary Loxip Mary Loxip
Last updated on Thu, 22 Jan 2026 22:07:34 GMT
A bowl of food with a fork in it. Pin
A bowl of food with a fork in it. | panbite.com

This simple baked French onion gnocchi is a comforting dish that combines the rich flavors of caramelized onions and savory beef broth with pillowy gnocchi and melted Gruyere cheese. Perfect for a cozy night in or when you want a satisfying meal with minimal fuss, it brings restaurant-quality taste right to your kitchen.

I first made this on a chilly weekend and the whole family was hooked instantly. Now it’s become one of those go-to dishes when everyone wants something warm and indulgent but not too complicated.

Gather Your Ingredients

  • White wine: adds brightness and helps deglaze the pan to lift those caramelized onion bits choose a dry variety you enjoy drinking
  • Salt: essential for seasoning that brings out all the rich flavors
  • Unsalted butter at room temperature: gives a creamy texture to the base and helps with cooking the onions evenly
  • Beef broth: adds a deep, savory backbone homemade or good quality store-bought works best
  • Black pepper: freshly ground gives a mild heat and aroma
  • Fresh minced thyme (or dried): adds a fragrant, earthy note that pairs wonderfully with onions and cheese
  • Olive oil: used to sauté onions extra virgin quality brings subtle fruitiness
  • Gnocchi, fresh or frozen: the base of the dish fresh gnocchi gives the softest texture but frozen works fine
  • One large sweet onion, thinly sliced: caramelizes into rich, golden strands that build the foundation of flavor
  • French bread slices, day-old preferred: adds a toasty crunch on top after baking slightly stale bread holds up better when baked
  • Shredded Gruyere or Swiss cheese: Gruyere is preferred for its nutty, deep flavor that melts beautifully

How to Make It

Sauté the Onions:
Cook the thinly sliced sweet onion in olive oil and butter over medium-low heat. Stir frequently and let them slowly caramelize for about 30 minutes until they turn golden brown and sweet. This step builds a deep flavor base be patient and resist turning up the heat to avoid burning.
Deglaze with White Wine:
Add the white wine to the caramelized onions and use a wooden spoon to scrape any browned bits off the bottom of the pan. The wine helps lift those concentrated onion flavors and adds acidity that balances the richness.
Add Broth and Seasonings:
Pour in the beef broth add fresh minced thyme salt and pepper. Let the mixture simmer for 10 minutes to meld the flavors and reduce slightly.
Prepare the Gnocchi:
While the broth simmers cook the gnocchi according to package instructions if using frozen or just have fresh ready to layer. Usually, gnocchi are boiled until they float to the surface signaling they’re done.
Layer the Ingredients in a Baking Dish:
Place a layer of caramelized onion broth mixture in the bottom of a buttered baking dish. Next add the gnocchi evenly on top. Tear or cut the French bread slices and scatter them over the gnocchi layer.
Top with Cheese and Bake:
Sprinkle shredded Gruyere evenly over the top. Bake the whole dish in a preheated oven at 375 degrees Fahrenheit (190 degrees Celsius) for 30 to 45 minutes or until the cheese is bubbly and golden and the bread topping is crisp.
Let Rest Before Serving:
Remove from the oven and let it sit for 5 to 10 minutes so the flavors settle and the bubbling stabilizes for easier serving.
A bowl of gnocchi with cheese and herbs.
A bowl of gnocchi with cheese and herbs. | panbite.com

Gruyere is by far my favorite ingredient here. Its rich, nutty flavor and incredible melting quality make the difference between a good baked dish and a crave-worthy one. I remember making this for a cozy gatherings with friends and watching how quietly everyone dug in—proof that comfort food can be simple yet unforgettable.

Flavor Boosters

Store leftovers covered in the refrigerator for up to three days. To reheat cover loosely with foil and warm in the oven to keep the bread topping from getting too soggy. Avoid microwaving if you want to preserve textures.

Serving Suggestions

Pair this dish with a simple green salad dressed with lemon vinaigrette to cut through the richness A glass of dry white wine or light red like Pinot Noir complements the flavors well Serve with roasted seasonal vegetables for a more complete meal

Creative Twists

French onion soup is traditionally French with roots dating back centuries as a humble peasant dish. Combining the flavors with Italian gnocchi marries two classic comfort foods into one indulgent bake that feels familiar yet fresh. In colder months this dish brings warmth and heartiness perfect for winter. In spring and summer lighten it up by using vegetable broth and reducing the cheese topping slightly. Adding fresh herbs like parsley brightens it for warmer days.

A bowl of food with a piece of bread on the side.
A bowl of food with a piece of bread on the side. | panbite.com

This simple baked French onion gnocchi combines hearty flavors and easy prep for an indulgent comfort meal perfect for any season.

Common Questions About This Recipe

→ Can I use frozen gnocchi for this dish?

Yes, frozen gnocchi works well. Just be sure to thaw them slightly or follow package instructions before baking for even results.

→ What type of cheese is best for this gnocchi?

Gruyere cheese is recommended for its deep, nutty flavor, but Swiss cheese also works nicely to create a creamy, melted topping.

→ How can I make the onions sweeter?

Slowly caramelizing the onions in butter or olive oil over low heat enhances their natural sweetness and adds richness to the dish.

→ Is there a substitute for beef broth?

Vegetable broth can be used as a substitute for a lighter or vegetarian-friendly option, without compromising too much flavor.

→ What dish or occasion pairs well with baked gnocchi?

This hearty gnocchi pairs perfectly with crisp green salads or roasted vegetables, making it suited for family dinners or small gatherings.

Baked French Onion Gnocchi

This baked French onion gnocchi highlights sweet onions, gruyere cheese, and fresh thyme. Ideal for fall and winter meals, it pairs well with hearty sides. Save & click.

Preparation Time
35 minutes
Cooking Time
45 minutes
Complete Time
80 minutes
Created by Mary Loxip: Mary Loxip

Type of Recipe: Main Dishes

Level of Skill: Some Experience Needed

Cultural Cuisine: French-inspired

Serves: 4 Portion Size (1 skillet, serves 4)

Dietary Needs: ~

What You Need

→ Main Components

01 1 pound gnocchi, fresh or frozen
02 1 large sweet onion, thinly sliced
03 8 to 10 slices day-old French bread
04 1 cup shredded Gruyere or Swiss cheese

→ Flavor Base

05 2 cups beef broth
06 1/4 cup dry white wine
07 1 tablespoon fresh thyme, minced or 1 teaspoon dried thyme

→ Seasonings and Fats

08 1 tablespoon olive oil
09 1 tablespoon unsalted butter, at room temperature
10 Salt, to taste
11 Black pepper, freshly ground, to taste

How to Make It

Step 01

Heat olive oil and butter in a large oven-safe skillet over medium heat. Add thinly sliced sweet onion and a pinch of salt. Cook slowly, stirring frequently, until onions become deeply golden and caramelized, about 20 to 25 minutes.

Step 02

Pour in white wine and scrape any browned bits from the skillet. Simmer for 2 to 3 minutes until most of the liquid has evaporated.

Step 03

Stir in beef broth and thyme. Season with freshly ground black pepper and additional salt if needed. Simmer for 5 to 7 minutes to infuse flavors.

Step 04

Add gnocchi to the skillet; if using frozen, add directly. Gently stir and cook for 3 to 4 minutes until gnocchi are heated through and begin to absorb some broth.

Step 05

While gnocchi simmers, lightly toast French bread slices under a broiler or in a toaster until golden on both sides.

Step 06

Arrange toasted bread slices evenly over the gnocchi and broth mixture. Sprinkle shredded Gruyere or Swiss cheese generously over the top.

Step 07

Transfer skillet to a preheated oven at 375°F (190°C). Bake for 12 to 15 minutes, or until cheese is melted and bubbling with golden spots.

Step 08

Remove from oven and allow to cool slightly before serving. Garnish with extra fresh thyme if desired.

Extra Tips

  1. Using day-old French bread helps it maintain structure and soak up flavors without becoming overly soggy.

Tools You'll Need

  • Oven-safe skillet
  • Chef's knife
  • Cutting board
  • Measuring cups and spoons

Allergen Information

Always review ingredients for possible allergens and consult a healthcare provider if unsure.
  • Contains dairy (cheese, butter), gluten (gnocchi, French bread), and may contain egg (in gnocchi).

Nutritional Details (Per Serving)

These facts are provided as informational and aren't a substitute for professional advice.
  • Calories: 600
  • Fat Content: 18 grams
  • Carbohydrate Content: 45 grams
  • Protein Content: 25 grams