Get ready to meet your new favorite comfort food: Baked French Onion Gnocchi. Imagine the soul-warming flavors of classic French onion soup blissfully tangled with pillowy gnocchi, all baked beneath a blanket of gooey, golden cheese. This dish is nostalgic yet innovative, irresistibly creamy, and utterly crave-worthy. Whether you’re settling in on a chilly evening or impressing friends at a casual dinner party, Baked French Onion Gnocchi delivers rich flavor with simple, familiar ingredients—no special culinary skills required.

Ingredients You’ll Need
You won’t believe how a handful of everyday ingredients can create such deluxe flavor! Each one plays an important part: onions for sweetness, balsamic for depth, creamy elements for richness, and cheesy topping for that essential, luscious finish. Let’s break down what you need—and why you’ll love it.
- Olive oil (1 tablespoon): Adds a subtly fruity richness to caramelize the onions beautifully.
- Vegan butter or regular butter (2 tablespoons): Ensures the onions get silky-soft and properly indulgent.
- Yellow onions, thinly sliced (2 large): The backbone of that rich, sweet, and savory flavor we adore.
- Salt (½ teaspoon): Balances and enhances all the complex flavors in the dish.
- Sugar (1 teaspoon): Speeds caramelization, coaxing out the onions’ natural sweetness.
- Balsamic vinegar (1 tablespoon): Brings acidity and depth, mimicking the nuanced notes of classic soup.
- Garlic, minced (1 clove): Adds aromatic savor for a more rounded flavor.
- All-purpose flour (1 tablespoon): Thickens the sauce just enough to cling to every gnocchi.
- Dry white wine (½ cup, optional or sub veggie broth): Deglazes the pan and adds a vibrant base note.
- Vegetable broth (1 cup): Infuses the dish with savory backbone and moisture.
- Plant-based cream or heavy cream (½ cup): Delivers dreamy creaminess, blending all elements together.
- Dijon mustard (1 teaspoon): Brightens everything with its gentle tang.
- Shelf-stable or fresh gnocchi (1 pound): These little potato dumplings become impossibly tender and indulgent in the sauce.
- Shredded plant-based mozzarella or Gruyère-style cheese (1 cup): Melts to create that signature golden-bubbly top (use regular if not vegan).
- Salt and pepper to taste: Finish seasoning according to your personal preference.
- Fresh thyme or parsley for garnish: Brings brightness and a pop of color to every serving.
How to Make Baked French Onion Gnocchi
Step 1: Caramelize the Onions
Set your oven to preheat at 400°F (200°C), then grab a large skillet and place it over medium-low heat. Swirl in the olive oil and butter until everything’s melted and shimmering. Next, pile in those thinly sliced onions, sprinkle with salt and sugar, and stir to coat. This is where the magic happens: slowly cooking the onions for 25–30 minutes, stirring often, until they’re deeply golden, sweet, and irresistibly fragrant. Patience is your best friend here—a deep caramelization unlocks an unforgettable flavor for Baked French Onion Gnocchi.
Step 2: Build the Aromatics
With onions glistening and golden, splash in the balsamic vinegar and toss in the minced garlic. Give everything a good stir and let it cook for about a minute—just long enough for your kitchen to fill with the sweet-tangy scent of transformation.
Step 3: Thicken and Deglaze
Sprinkle the flour over your caramelized mixture and stir it in, cooking for one more minute to remove any raw taste from the flour. Now, slowly pour in the white wine, scraping up all those brown bits from the bottom of the pan—flavor central! If you’re skipping wine, veggie broth works beautifully here. Once most of the liquid has reduced, add the remaining broth, plant-based cream, and Dijon mustard. Give it all a thorough stir and let the sauce simmer for 3–4 minutes, thickening into a creamy blanket that will soon cradle your gnocchi.
Step 4: Add Gnocchi and Assemble
Toss the gnocchi straight into the skillet (no pre-boiling necessary!) and stir to help them soak up every drop of the luscious sauce. Everything should be nicely coated and begging for its cheesy crown. Transfer the mixture to a greased baking dish and get ready for the finale.
Step 5: Cheese It and Bake
Layer your shredded plant-based mozzarella or Gruyère-style cheese generously over the top—don’t be shy! Slide the dish into your preheated oven and bake for 15–20 minutes, until the cheese is irresistibly melted, bubbly, and tinged with golden spots. Pull out the Baked French Onion Gnocchi, scatter fresh herbs over the top, and get ready to indulge.
How to Serve Baked French Onion Gnocchi

Garnishes
A touch of fresh thyme or parsley makes every serving feel special while adding a lovely pop of green to the rich, caramelized tones. Try a few thyme sprigs for a classic French vibe, or finely chop parsley for a lighter, peppery accent. Either way, garnishing your Baked French Onion Gnocchi is the finishing flourish that makes this dish sing.
Side Dishes
This lush casserole pairs well with crisp green salads tossed in a zesty vinaigrette, or even simply-steamed green beans or broccoli. If you’re itching for something indulgent, serve alongside crusty bread to soak up every last bit of sauce. The best sidekicks simply lighten and balance all that cheesy goodness.
Creative Ways to Present
For a dinner party-worthy twist, try baking individual portions in small gratin dishes or ramekins—everyone loves their own mini Baked French Onion Gnocchi! Or serve alongside little crostini, just like traditional French onion soup, for a playful nod to the dish’s roots. If you want to go rustic, bring the casserole straight to the table and let everyone dig in family-style.
Make Ahead and Storage
Storing Leftovers
Leftover Baked French Onion Gnocchi keeps well for up to 3 days when stored in an airtight container in the refrigerator. The flavors deepen as it sits, making the leftovers arguably even better! Reheat in single portions or gently in the oven for a second round of cozy deliciousness.
Freezing
Yes, you can freeze this dish! Assemble the gnocchi up to the point of baking, then wrap tightly and pop into the freezer for up to 2 months. Allow it to thaw overnight in the refrigerator before baking as directed. The texture stays surprisingly creamy and the flavors remain bold and hearty.
Reheating
To reheat, cover your Baked French Onion Gnocchi with foil and bake at 350°F (175°C) until heated through (about 20 minutes). For a speedy option, microwave individual servings until piping hot. If the sauce has thickened too much, add a splash of veggie broth or plant-based cream to restore its silky texture.
FAQs
Can I make Baked French Onion Gnocchi gluten-free?
Absolutely! Just choose gluten-free gnocchi and swap in your favorite gluten-free all-purpose flour for thickening. All the richness and flavor, none of the gluten.
Do I need to cook the gnocchi separately before adding?
Nope, there’s no need to pre-cook the gnocchi. It cooks right in the sauce as the dish bakes, soaking up all those fantastic French onion flavors.
What type Main Course
A plant-based mozzarella or Gruyère-style cheese melts beautifully, but if you’re not vegan, classic Gruyère or even Swiss can work for an extra gooey, golden top.
Can I use red onions instead of yellow?
You can! Red onions will give a slightly sweeter, milder profile and a bit of extra color. The caramelization process works just the same.
Is there a kid-friendly way to make this dish?
Kids love the creamy, cheesy vibe! Just skip the wine and use full veggie broth instead, and feel free to use their favorite cheese for the topping.
Final Thoughts
If you’re seeking a dish that feels special but is easy enough for any weeknight, Baked French Onion Gnocchi truly brings comfort to the table. Whether you’re vegan, vegetarian, or just a die-hard French onion fan, this recipe is sure to win hearts and satisfy bellies. Go ahead—treat yourself and those you love to this bubbling skillet of joy!
