If you love the deep, savory flavors of French onion soup and the pillowy comfort of gnocchi, this Baked French Onion Gnocchi is about to become your new favorite comfort food. Imagine caramelized onions slowly cooked until sweet and jammy, folded into tender potato gnocchi, bathed in a rich broth-infused sauce, and finished with a thick layer of melted, golden cheese. It’s everything you adore about French onion soup—reimagined as a cozy, fork-friendly baked dish.

This recipe brings together two classics in a way that feels both indulgent and approachable. Instead of sipping soup, you’re digging into a bubbling casserole that’s perfect for weeknight dinners, weekend gatherings, or anytime you need something warm and satisfying. Best of all, it’s surprisingly simple to make, with pantry-friendly ingredients and a process that rewards patience with incredible flavor.

Why You’ll Love This Baked French Onion Gnocchi

This dish checks all the boxes for a truly memorable meal.
First, the flavor depth is outstanding. Slowly caramelized onions provide natural sweetness and umami, forming the backbone of the sauce. Combined with broth and herbs, the result is rich without being heavy.
Second, the texture contrast is irresistible. Soft gnocchi soak up the sauce, while the baked cheese on top forms a golden, slightly crisp crust.
Finally, it’s comfort food with elegance. While it feels rustic and cozy, the flavors are refined enough to serve to guests.

Ingredients

1 tablespoon olive oil
3 tablespoons unsalted butter
3 large yellow onions, thinly sliced
2 cloves garlic, minced
1 teaspoon fresh thyme leaves (or ½ teaspoon dried)
½ teaspoon salt (plus more to taste)
¼ teaspoon black pepper
1 tablespoon all-purpose flour
1 cup beef broth (or vegetable broth for a vegetarian option)
½ cup heavy cream
1 pound potato gnocchi (shelf-stable or fresh)
1 ½ cups shredded Gruyère cheese
½ cup shredded mozzarella cheese
Optional garnish: fresh thyme or parsley

Instructions

Preheat your oven to 400°F (200°C). Lightly grease a baking dish and set aside.
Heat olive oil and butter in a large skillet over medium heat. Add sliced onions and cook slowly, stirring often, for 25–30 minutes until deeply caramelized and golden brown.
Add minced garlic and thyme to the onions and cook for 1 minute until fragrant.
Sprinkle flour over the onions and stir well to coat. Cook for another minute to remove the raw flour taste.
Gradually pour in the broth, stirring constantly to create a smooth sauce. Let it simmer for 3–5 minutes until slightly thickened.
Stir in heavy cream, salt, and pepper. Taste and adjust seasoning as needed.
Add the gnocchi directly to the sauce and gently toss to coat evenly.
Transfer the gnocchi mixture to the prepared baking dish.
Sprinkle Gruyère and mozzarella evenly over the top.
Bake uncovered for 20–25 minutes, until the cheese is melted, bubbly, and lightly golden.
Let rest for 5 minutes before serving. Garnish with fresh herbs if desired.

The Inspiration Behind the Dish

French onion soup dates back centuries and is beloved for its simplicity and depth. Traditionally made with onions, broth, bread, and cheese, it was originally a humble dish meant to stretch ingredients while maximizing flavor. This baked gnocchi version keeps the soul of that classic while transforming it into a modern, satisfying main dish.

Gnocchi, often associated with Italian cuisine, acts as the perfect canvas here. Its soft, doughy texture absorbs the onion-rich sauce beautifully, making every bite flavorful.

Tips for Perfect Caramelized Onions

Caramelizing onions is the heart of this recipe, and patience is key. Cook them low and slow, stirring frequently to prevent burning. Don’t rush the process—this is where the sweetness and depth develop. If the pan gets dry, add a splash of water or broth to loosen the fond and keep things moving.

Variations and Substitutions

Vegetarian Version: Use vegetable broth instead of beef broth.
Extra Protein: Add cooked chicken, turkey, or even sautéed mushrooms.
Different Cheeses: Swap Gruyère for Swiss, fontina, or even provolone for a different flavor profile.
Gluten-Free: Use gluten-free gnocchi and substitute flour with a gluten-free thickener.

Serving Suggestions

Serve this dish hot, straight from the oven, with a crisp green salad or roasted vegetables to balance the richness. A slice of crusty bread is perfect for scooping up any extra sauce. For drinks, a light white wine or sparkling water with lemon pairs beautifully.

Make-Ahead and Storage Tips

You can assemble the dish up to one day ahead and refrigerate it unbaked. When ready to serve, bake as directed, adding a few extra minutes if needed. Leftovers store well in an airtight container in the fridge for up to three days and reheat beautifully in the oven or microwave.

Why This Recipe Works for Any Occasion

Whether you’re cooking for family, friends, or just yourself, Baked French Onion Gnocchi feels special without being complicated. It’s cozy enough for a quiet night in and impressive enough for entertaining. Most importantly, it delivers big comfort with minimal stress.