Simple Baked French Onion Gnocchi | Aioli Recipe
30-MINUTE MEALS! Get the email series now
Aiolirecipe

Simple Baked French Onion Gnocchi

5 from 1 vote
1 Comments
Olivia Bennett
By: Olivia BennettUpdated: Feb 10, 2026
This post may contain affiliate links. Please read our disclosure policy.

A cozy, cheesy bake that pairs caramelized onions, tender gnocchi and Gruyère for a comforting weeknight supper—easy to assemble and irresistible to share.

Simple Baked French Onion Gnocchi

This baked French onion gnocchi is one of those dishes I return to when I want something comforting with a little bit of drama. The idea came to me on a chilly evening when I had leftover potato gnocchi and a head full of sweet onions that begged to be caramelized. The slow-sweetened onions, deglazed with wine and simmered in beef broth, create a deeply savory base that clings to each pillowy gnocchi. Topped with plenty of shredded Gruyère and a few crisp slices of day-old French bread on the side, the casserole becomes bubbly and golden in the oven—melty, slightly browned and utterly irresistible.

I discovered this combination while riffing on French onion soup and a quick gnocchi skillet meal. Instead of ladling soup over bread, I wanted the comforting flavors in a one-dish format that feeds a small crowd with minimal fuss. The finished dish balances rich umami from the beef broth, sweet caramelized onion notes, and the nutty depth of Gruyère. Texture plays a starring role: soft, tender gnocchi, silky onions, and a browned cheesy top that pulls apart with satisfying strings. It’s the kind of meal that draws everyone into the kitchen and fills the house with a warm, toasty aroma.

Why You'll Love This Recipe

  • This comes together quickly once the onions are caramelized—ready in about 50 minutes from start to finish, and mostly hands-off while the oven does its work.
  • Uses pantry and fridge staples: gnocchi (fresh or frozen), beef broth, a splash of white wine, and a handful of shredded cheese—no specialty shopping required.
  • Make-ahead friendly: caramelize the onions a day ahead and reheat gently before assembling, saving time on busy evenings.
  • Crowd-pleasing and shareable: the bake is simple to scale up for dinner parties and pairs well with a crisp green salad or roasted vegetables.
  • Flexible toppings: use Gruyère for depth or Swiss for a milder profile; stale French bread served alongside provides the perfect dipper for the rich sauce.

I first served this at a small dinner with friends who loved the contrast between sweet onion and savory broth; everyone went back for seconds. Over time, the recipe has become a reliable weeknight favorite at my house whenever I want comfort without a lot of fuss. The aroma alone convinces people to linger in the kitchen.

Ingredients

  • 1 lb gnocchi (fresh or frozen): Look for good-quality potato gnocchi—fresh if you can find it, otherwise frozen works beautifully. The pillowy texture soaks up the onion-broth sauce and holds up in the oven.
  • 1 large sweet onion: Yellow or Vidalia are ideal for this because they caramelize deeply and develop natural sweetness. Slice thin and cook low and slow for the best flavor.
  • 1/4 cup white wine: A dry white like Sauvignon Blanc or a neutral Pinot Grigio works well to deglaze the pan and lift browned bits for complexity.
  • 2 cups beef broth: Use low-sodium if you prefer more control over seasoning. The beef broth provides savory depth reminiscent of French onion soup.
  • 1 tbsp unsalted butter & 1 tbsp olive oil: Butter brings flavor and silkiness while olive oil helps prevent burning during long caramelization.
  • 1 tbsp fresh minced thyme or 1 tsp dried thyme: Thyme adds a subtle herbaceous note that complements the onion and cheese.
  • 1 cup shredded Gruyère or Swiss cheese: Gruyère gives a nuttier, more complex finish; Swiss melts nicely if you prefer a milder taste.
  • 8–10 slices French bread (day-old): Serve on the side for dipping; day-old bread is sturdier and soaks up sauce without turning mushy.
  • Salt and pepper: To taste—season at the end after reduction so you don’t over-salt.

Instructions

Preheat and prepare: Preheat the oven to 400°F (200°C). Grease a medium baking dish (an 8x8 or similar) with a little oil or butter so the finished dish can slide out easily. Have all ingredients nearby because you’ll move quickly once the gnocchi goes into the simmering broth. Caramelize the onion: In a large skillet or Dutch oven over medium heat, add 1 tablespoon olive oil and 1 tablespoon butter. Add the thinly sliced onion and a pinch of salt; cook, stirring occasionally, until the onions are deeply golden and soft—about 20 minutes. Lower the heat toward the end if they’re browning too fast; slow cooking develops natural sugars and creates that signature sweetness. Deglaze and simmer: Pour in 1/4 cup white wine to deglaze the pan, scraping up any browned bits with a wooden spoon. Add 1 tablespoon fresh thyme (or 1 teaspoon dried) and 2 cups beef broth, then bring to a gentle simmer. The wine lifts flavor while the broth builds body for the sauce. Cook the gnocchi: Add the 1 lb gnocchi directly to the simmering onion-broth. Stir occasionally and cook until the gnocchi are tender and the liquid has reduced and thickened slightly—about 5–10 minutes depending on whether the gnocchi are fresh or frozen. The gnocchi should be soft but not falling apart. Season and assemble: Taste and season with salt and pepper. Transfer the onion-gnocchi mixture to the prepared baking dish, spreading evenly. Sprinkle 1 cup shredded Gruyère or Swiss cheese over the top in an even layer. If you like a crispier crust, scatter a few extra crumbs of day-old French bread over the cheese. Bake until bubbly: Bake at 400°F (200°C) for 20–25 minutes, or until the cheese is melted, lightly browned and bubbling. Remove from the oven and let the dish rest for 5 minutes to set slightly before serving—this helps portions hold together. User provided content image 1

You Must Know

  • Caramelize the onions low and slow—rushing this step prevents development of the sweet, complex flavor that defines the dish.
  • Use low-sodium beef broth if you want to control salt; taste after reduction before seasoning so you don’t overdo it.
  • Fresh gnocchi cooks faster than frozen; frozen may need a minute or two longer in the simmering broth.
  • Gruyère browns beautifully and adds nuttiness; Swiss melts cleanly and is slightly milder—both are excellent choices.

My favorite aspect is how forgiving the casserole is. I've made it for late-week dinners, small gatherings and even as a potluck where it disappeared in minutes. The first time I served it, a friend who claimed not to like onion went back for thirds. These moments—watching a simple combination of pantry ingredients become a memorable meal—are why I return to it again and again.

User provided content image 2

Storage Tips

Cool leftover portions completely before storing. Transfer into airtight containers and refrigerate for up to 3 days. For longer storage, freeze portions in freezer-safe containers for up to 3 months; thaw overnight in the refrigerator before reheating. To reheat, warm gently in a 350°F oven (175°C) for 15–20 minutes or until heated through; cover with foil to prevent excessive browning, then remove foil for the last 5 minutes to restore the bubbly top. Microwave reheating works for single portions, but the oven is best to preserve texture.

Ingredient Substitutions

If you don’t have beef broth, a rich vegetable broth with a splash of soy sauce or Worcestershire can provide umami without altering texture. For dairy-free versions, use a plant-based butter for caramelizing and a dairy-free melting cheese alternative; texture will be slightly different but still satisfying. Swap Gruyère for fontina for a creamier melt or foraged aged cheddar for sharper flavor. Use gluten-free gnocchi if needed—just check packaging for cook time and adjust simmering accordingly.

Serving Suggestions

Serve this bake straight from the oven with slices of crusty French bread for dipping and a crisp green salad dressed with a bright vinaigrette to cut the richness. A simple arugula salad with lemon and shaved Parmesan balances the dish. For heartier meals, pair with roasted Brussels sprouts or a light, citrusy slaw. Garnish with a few fresh thyme sprigs and freshly ground black pepper for an attractive and aromatic finish.

Seasonal Adaptations

In winter, add caramelized shallots and a splash of fortified wine like Marsala during deglazing for warmth. In spring and summer, lighten the dish by using vegetable broth and stirring in a handful of fresh spinach at the end before baking; it wilts into the sauce and adds brightness. For a holiday table, double the recipe and bake in a larger dish, adding toasted breadcrumbs mixed with grated Parmesan across the top for crunch.

Meal Prep Tips

Make a double batch of caramelized onions and freeze in 1-cup portions for quick assembly later. Assemble the onion-gnocchi mix and refrigerate (unbaked) for up to 24 hours; when ready, top with cheese and bake as directed. Use shallow, oven-safe individual dishes for portion-controlled meal prep that reheat quickly. Label containers with dates and reheat in a preheated oven for the best texture and flavor retention.

Success Stories

I’ve heard from readers who served this at casual holiday functions—one reader wrote that it replaced their usual potato gratin because guests loved the onion-forward flavor so much. Another family made it gluten-free with store-bought potato gnocchi and reported the dish was a hit with kids for its cheesy, creamy texture. Those success stories remind me that simple swaps and attention to technique (especially slow caramelization) produce reliably excellent results.

Enjoy this baked French onion gnocchi when you want a warm, cheesy meal that feels indulgent without a lot of fuss. It’s easy to customize, simple to scale, and always a welcome plate at the table.

Pro Tips

  • Caramelize onions slowly over lower heat to develop natural sweetness and avoid bitter notes from burning.

  • Use low-sodium beef broth so you can control the final seasoning after reduction.

  • Let the casserole rest for 5 minutes after baking to set so portions hold together when served.

  • Day-old French bread or lightly toasted slices make ideal dippers that won’t immediately fall apart.

This nourishing simple baked french onion gnocchi recipe is sure to be a staple in your kitchen. Enjoy every moist, high protein slice — it is perfect for breakfast or as a wholesome snack any time.

FAQs about Recipes

Can I use frozen gnocchi?

Yes—if using frozen gnocchi, add them directly to the simmering broth and allow an extra 1–2 minutes of cooking time until tender.

How long do I need to caramelize the onions?

Caramelize onions low and slow over medium-low heat for about 20 minutes until deeply golden and sweet.

How long will leftovers keep?

Store baked leftovers in an airtight container in the refrigerator for up to 3 days or freeze for up to 3 months.

Tags

Comfort FoodDinnerFrench CuisineComfort FoodGnocchiWinterCozy Meals
No ratings yet

Simple Baked French Onion Gnocchi

This Simple Baked French Onion Gnocchi recipe makes perfectly juicy, tender, and flavorful steak every time! Serve with potatoes and a side salad for an unforgettable dinner in under 30 minutes.

Servings: 4 steaks
Simple Baked French Onion Gnocchi
Prep:25 minutes
Cook:25 minutes
Rest Time:10 mins
Total:50 minutes

Ingredients

Gnocchi & Broth

Aromatics & Fats

Topping

Seasoning

Instructions

1

Preheat and prepare

Preheat oven to 400°F (200°C). Grease a medium baking dish and have all ingredients prepared before you begin cooking.

2

Caramelize onions

In a large skillet over medium heat, melt 1 tbsp butter with 1 tbsp olive oil. Add the thinly sliced onion and a pinch of salt. Cook slowly, stirring occasionally, until deeply golden, about 20 minutes.

3

Deglaze the pan

Pour in 1/4 cup white wine to deglaze, scraping up brown bits. Add 1 tbsp minced thyme and 2 cups beef broth, then bring to a gentle simmer.

4

Cook gnocchi in broth

Add 1 lb gnocchi to the simmering onions and broth. Stir occasionally and cook until gnocchi are tender and the liquid has reduced slightly, about 5–10 minutes depending on gnocchi type.

5

Assemble and bake

Season with salt and pepper, transfer to the prepared baking dish, top with 1 cup shredded Gruyère or Swiss cheese, and bake at 400°F (200°C) for 20–25 minutes until bubbly and lightly browned.

Last Step: Please leave a rating and comment letting us know how you liked this recipe! This helps our business to thrive and continue providing free, high-quality recipes for you.

Nutrition

Calories: 520kcal | Carbohydrates: 58g | Protein:
18g | Fat: 20g | Saturated Fat: 6g |
Polyunsaturated Fat: 4g | Monounsaturated Fat:
8g | Trans Fat: 1g | Cholesterol: 253mg | Sodium:
0mg | Potassium: 953mg | Fiber: 0g | Sugar:
0g | Vitamin A: 577IU | Vitamin C: 3mg | Calcium:
47mg | Iron: 6mg

Did You Make This?

Leave a comment & rating below or tag
@aiolirecipe on social media!

Simple Baked French Onion Gnocchi

Categories:

Simple Baked French Onion Gnocchi

Did You Make This?

Leave a comment & rating below or tag @aiolirecipe on social media!

Rate This Recipe

Share This Recipe

Enjoyed this recipe? Share it with friends and family, and don't forget to leave a review!

Comments (1)

Leave a Comment

0/1000 characters
Food Lover
1 day ago

This recipe looks amazing! Can't wait to try it.

Rating:

Comments are stored locally in your browser. Server comments are displayed alongside your local comments.

Family Photo

Hi, I'm Olivia!

Chef and recipe creator specializing in delicious Comfort Food cooking. Passionate about sharing easy-to-follow recipes that bring families together around the dinner table.

30-Minute Meals!

Join to receive our email series which contains a round-up of some of our quick and easy family favorite recipes.