If you have a craving for comfort food that feels both luxurious and downright satisfying, you are going to adore this Baked French Onion Gnocchi Recipe. Imagine pillowy gnocchi enveloped in a rich, creamy sauce loaded with deeply caramelized onions, hints of thyme, and melted cheese that forms a bubbling, golden crust on top. It’s the perfect dish to cozy up with on any night of the week, blending the classic charm of French onion soup flavors with the soft bite of tender gnocchi. This recipe not only hits all the right notes flavor-wise but also feels special enough to impress anyone you’re serving it to.

Ingredients You’ll Need
Every ingredient in this recipe is simple, familiar, and essential to create the layered, soulful flavors the dish delivers. From the sweetness of caramelized onions to the creamy, cheesy finish, each component brings something unique to the table.
- Potato gnocchi: The soft, pillowy base that soaks up all the delicious sauce beautifully.
- Butter and olive oil: The perfect duo for slowly caramelizing onions while adding depth.
- Thinly sliced yellow onions: Caramelize these slowly to unlock their natural sweetness.
- Minced garlic: Adds a subtle aromatic punch without overpowering the sweetness of the onions.
- Fresh thyme: Adds a delicate herbal note that complements the savory sauce perfectly.
- Dry white wine: Helps deglaze the pan and adds complexity and brightness.
- Beef broth: Provides a rich, savory backbone that enhances the onion flavor.
- Heavy cream: Brings luscious creaminess that ties the sauce together.
- Shredded gruyere cheese: Melts into the sauce and creates a nutty, gooey layer.
- Shredded mozzarella cheese: Gives a stretchy, melty texture to the topping.
- Salt and black pepper: Basic seasoning to balance and enhance all the flavors.
- Chopped parsley: Freshens the dish with a pop of color and mild herbal brightness.
How to Make Baked French Onion Gnocchi Recipe
Step 1: Caramelize the Onions
Start by heating butter and olive oil in a large skillet over medium heat. Add the thinly sliced yellow onions, stirring often as they slowly turn a deep golden brown. This slow caramelization, which takes about 20 to 25 minutes, is the heart of the dish—it brings out the natural sugars in the onions, creating a sweet, rich flavor that sets the tone for everything else.
Step 2: Building the Sauce
Once the onions are deeply caramelized, stir in the minced garlic and fresh thyme, cooking just another minute until fragrant. Pour in the dry white wine and let it simmer until almost all the liquid evaporates, infusing the onions with a subtle acidity and brightness. Next, add the beef broth and heavy cream, stirring to combine everything into a luscious, creamy sauce. Season with salt and pepper, then gently bring the mixture to a simmer.
Step 3: Cook the Gnocchi
Add the potato gnocchi directly to the skillet filled with the sauce. Cook for about 4 to 5 minutes, stirring occasionally, until the gnocchi becomes tender and the sauce thickens slightly. This is when the gnocchi absorbs all those incredible flavors, becoming tender yet flavorful in every bite.
Step 4: Add the Cheese and Bake
Remove the skillet from heat and stir in half of the shredded gruyere and mozzarella cheeses, ensuring the gnocchi is coated in cheesy goodness. Transfer everything to a lightly greased baking dish, then top with the remaining cheese. Bake in a preheated oven at 400°F for 12 to 15 minutes, until the cheese on top is bubbling and golden brown—a sign that it’s time to dig in.
Step 5: Garnish and Serve
Let the baked gnocchi rest for a few minutes to settle before sprinkling with chopped parsley. This fresh touch not only brightens the rich flavors but also makes it look as good as it tastes.
How to Serve Baked French Onion Gnocchi Recipe

Garnishes
Simple garnishes like freshly chopped parsley add a fresh contrast to the rich and hearty casserole. A light drizzle of extra virgin olive oil or a sprinkle of cracked black pepper can elevate the presentation and flavor even further.
Side Dishes
Pair this dish with a crisp green salad dressed in a tangy vinaigrette to cut through the richness. Roasted or sautéed vegetables like asparagus or Brussels sprouts also complement the creamy texture and deepen the meal’s flavors.
Creative Ways to Present
Serve the Baked French Onion Gnocchi Recipe in individual ramekins for an elegant touch at dinner parties. Alternatively, add sautéed mushrooms or caramelized shallots on top for an extra layer of texture and flavor that turns something special into unforgettable.
Make Ahead and Storage
Storing Leftovers
Once cooled, store leftovers in an airtight container in the refrigerator for up to 3 days. The flavors actually deepen overnight, making it an excellent next-day meal.
Freezing
You can freeze the baked dish before baking or after it has cooled post-baking. Wrap tightly with plastic wrap and foil to avoid freezer burn, then freeze for up to 2 months. Thaw overnight in the fridge before reheating.
Reheating
To reheat, bake leftovers in the oven at 350°F until warmed through and bubbly, about 15 to 20 minutes. Avoid microwaving when possible to maintain that delightful crunchy cheese topping and creamy texture.
FAQs
Can I use store-bought gnocchi for this recipe?
Absolutely! Store-bought potato gnocchi works wonderfully and cuts down on prep time, making this recipe even easier to enjoy.
What can I substitute if I don’t have beef broth?
Vegetable broth is a great substitute for a lighter, vegetarian-friendly option. It’ll still provide depth without overpowering the onions.
Is there a way to make this recipe vegan?
Yes, swap out butter with plant-based oil, use dairy-free cream and cheese alternatives, and replace beef broth with vegetable broth to enjoy a vegan-friendly version.
Can I add other vegetables to the dish?
Definitely! Sautéed mushrooms, spinach, or even leeks would pair beautifully and add extra flavor and nutrition.
How do I know when the gnocchi is cooked perfectly?
Cook the gnocchi until it is tender on the inside but still holds its shape. It will float to the surface when boiling, and in this recipe, simmering in the sauce for 4 to 5 minutes is ideal.
Final Thoughts
I can’t recommend this Baked French Onion Gnocchi Recipe enough if you want a cozy, indulgent meal packed with comforting flavors that feel like a warm hug on a plate. It’s deceptively simple to make, impressive to serve, and delicious to savor anytime you’re craving that perfect comfort food with a gourmet twist. Give this recipe a try and watch it quickly become a cherished favorite in your kitchen!
Print
Baked French Onion Gnocchi Recipe
- Prep Time: 10 minutes
- Cook Time: 40 minutes
- Total Time: 50 minutes
- Yield: 6 servings
- Category: Main Course
- Method: Baking
- Cuisine: American
- Diet: Vegetarian
Description
This Baked French Onion Gnocchi recipe combines tender potato gnocchi with deeply caramelized onions in a rich, creamy sauce enhanced by white wine and beef broth, topped with melted gruyere and mozzarella cheeses. Baked until bubbly and golden, it offers a comforting, elegant main course with classic French onion flavors.
Ingredients
Gnocchi and Cheese
- 1 pound potato gnocchi
- 1 cup shredded gruyere cheese, divided
- 1 cup shredded mozzarella cheese, divided
Sauce and Aromatics
- 3 tablespoons butter
- 1 tablespoon olive oil
- 3 large yellow onions, thinly sliced
- 2 cloves garlic, minced
- 1 teaspoon fresh thyme leaves
- 1/2 cup dry white wine
- 1 1/2 cups beef broth
- 1/2 cup heavy cream
- Salt, to taste
- Black pepper, to taste
- Chopped parsley, for garnish
Instructions
- Caramelize the Onions: Heat butter and olive oil in a large skillet over medium heat. Add the thinly sliced onions and cook slowly, stirring frequently, for 20 to 25 minutes until the onions become deeply caramelized and golden brown.
- Add Garlic and Thyme: Stir in the minced garlic and fresh thyme leaves, cooking for 1 minute until fragrant.
- Deglaze with Wine: Pour in the dry white wine and simmer until mostly evaporated, scraping up any browned bits from the skillet.
- Prepare the Sauce: Add beef broth and heavy cream to the skillet, stirring to combine. Season with salt and black pepper. Bring the mixture to a gentle simmer.
- Cook Gnocchi in Sauce: Add the potato gnocchi directly to the skillet, cooking for 4 to 5 minutes until the gnocchi are tender and the sauce has thickened slightly.
- Mix in Cheese: Remove the skillet from heat and stir in half of the shredded gruyere and mozzarella cheeses, mixing well.
- Transfer and Bake: Transfer the gnocchi mixture to a lightly greased baking dish. Top with the remaining gruyere and mozzarella cheeses.
- Bake: Bake in a preheated oven at 400°F (200°C) for 12 to 15 minutes until the cheese topping is bubbly and golden brown.
- Rest and Garnish: Let the dish rest for a few minutes before serving. Garnish with chopped parsley and enjoy.
Notes
- Use Swiss cheese as a substitute if gruyere is unavailable.
- Add sautéed mushrooms to the sauce for extra depth of flavor.
- Substitute vegetable broth for beef broth to make a lighter, vegetarian-friendly version.

