There’s something impossibly cozy about a bubbling dish loaded with caramelized onions, pillowy gnocchi, and melted Gruyère — it’s like French onion soup and a gratin had a very good idea. This baked French onion gnocchi is an easy weeknight showstopper: quick to assemble, forgiving for home cooks, and perfect when you want something rich without fuss. If you enjoy one-pan comfort dishes (or you liked that time you made an overnight casserole), this will sit right alongside those favorites; many readers who like a savory brunch casserole also come back for more oven-baked comfort like easy baked French toast casserole.
Why you’ll love this dish
This recipe takes pantry-friendly gnocchi and elevates it with slow-sweetened onions and a cheesy crisp topping. It’s a shortcut to deep flavor: you get the caramel complexity of French onion soup without the need to separate bowls or fuss with bread-to-broth ratios.
“A perfect weeknight dinner—rich, comforting, and fast enough for a busy evening.” — a home cook who doubled the recipe for guests
Reasons to make it:
- Quick-ish: active prep is short; caramelizing onions is the longest single step but requires little hands-on attention once started.
- Budget-friendly: basic store-bought gnocchi and onions deliver big flavor.
- Crowd-pleasing: cheesy, savory, and easy to scale up for guests.
- Versatile: swaps easily for vegetarian or lighter versions.
Step-by-step overview
Before you gather bowls and pans, here’s how it all comes together so you can scan and plan:
- Caramelize a couple of large onions slowly in butter and olive oil until golden and jammy (about 20 minutes).
- Add broth and thyme, simmer to concentrate flavor.
- Boil gnocchi per package instructions while the onions finish.
- Combine gnocchi and onion-broth, transfer to a baking dish, top with Gruyère and breadcrumbs, then bake until bubbling and golden (20–25 minutes).
This flow means your stovetop and oven work simultaneously and you get a crunchy, cheesy top with tender gnocchi beneath.
What you’ll need
- 1 pound (about 450 g) store-bought gnocchi (potato gnocchi)
- 2 large onions, thinly sliced (yellow or sweet onions work best)
- 3 tablespoons butter (or vegan butter for dairy-free)
- 1 tablespoon olive oil
- 4 cups beef or vegetable broth (vegetable for vegetarian)
- 1 teaspoon dried or fresh thyme (if fresh, use 1 tablespoon chopped)
- Salt and pepper to taste
- 1 cup shredded Gruyère cheese (Swiss or Emmental substitute okay)
- 1/2 cup bread crumbs (panko for extra crunch)
- Chopped parsley for garnish
Ingredient notes and substitutions:
- Broth: beef broth gives the deepest, classic French onion flavor; vegetable broth keeps it vegetarian. For a richer finish, use low-sodium broth and adjust salt at the end.
- Gnocchi: fresh or frozen gnocchi both work; if frozen, add a minute or two to package cooking time.
- Cheese: Gruyère melts and browns beautifully; fontina or a sharp Swiss are good alternatives.
Step-by-step instructions
- Preheat the oven to 375°F (190°C). Butter or oil your baking dish lightly.
- Heat a large skillet over medium heat. Add 3 tablespoons butter and 1 tablespoon olive oil until shimmering.
- Add the thinly sliced onions and a pinch of salt. Cook, stirring frequently, until the onions turn deeply golden and jammy—about 20 minutes. Reduce heat if they start to burn; patience is key for true caramelization.
- Stir in 4 cups broth and 1 teaspoon thyme. Bring to a simmer, scraping up any browned bits from the pan. Simmer 10–15 minutes to concentrate the flavors. Taste and season with salt and pepper.
- Meanwhile, cook 1 pound gnocchi according to package instructions (usually 2–3 minutes in boiling water until they float). Drain well.
- Mix the cooked gnocchi into the onion-broth mixture so the gnocchi is well coated.
- Transfer everything to the prepared baking dish. Sprinkle 1 cup shredded Gruyère evenly over the top, then scatter 1/2 cup breadcrumbs for a crunchy finish.
- Bake in the preheated oven for 20–25 minutes, until the cheese is melted, golden, and bubbling.
- Garnish with chopped parsley and serve hot.
Timing tip: while the onions caramelize you can prep and shred the cheese, and preheat the oven so the bake time starts immediately after you assemble.
Best ways to enjoy it
This dish is substantial on its own, but a few pairings lift it further:
- Light green salad with a lemon vinaigrette to cut the richness.
- Roasted green vegetables (asparagus, Brussels sprouts) for texture contrast.
- For a heartier plate, serve alongside roasted chicken or a simple pan-seared steak.
If you enjoy the cozy French-onion-to-casserole angle, try a related savory dinner like our French onion chicken orzo casserole for another oven-friendly weeknight winner.
Storage and reheating tips
- Refrigerator: Store leftovers in an airtight container for up to 3–4 days.
- Freezing: You can freeze baked portions (skip freezing in a dish with breadcrumbs if you want topping freshest). Freeze up to 2 months; thaw overnight in the fridge before reheating.
- Reheating: Reheat in a 350°F (175°C) oven until hot and bubbling, about 15–20 minutes for a whole dish; individual portions can be reheated in a microwave but will lose crispness. If using microwave, crisp the topping under a quick broil for a minute.
Food safety note: reheat leftovers to an internal temperature of 165°F (74°C) before serving.
Pro chef tips
- Caramelization patience: Keep the heat at medium to medium-low. If the onions brown too quickly, they’ll taste bitter; a slower cook builds sweetness.
- Browning the cheese: For an extra-deep crust, finish with a 2-minute broil—watch closely to avoid burning.
- Breadcrumb upgrade: Toss breadcrumbs with a tablespoon of melted butter and a pinch of parmesan for extra flavor and color.
- Texture control: If you like a saucier casserole, reduce breadcrumbs slightly or stir in a splash more broth before baking.
- Gnocchi texture: Don’t overcook gnocchi in the pot; they should just float and be tender—overcooking makes them mushy after baking.
Creative twists
- Vegetarian: Use vegetable broth and keep Gruyère (or a vegetarian-friendly cheese) for a meatless main.
- Vegan: Swap butter for vegan butter, use plant-based cheese and vegetable broth, and panko breadcrumbs.
- Protein add-ins: Stir in cooked shredded rotisserie chicken or browned Italian sausage before baking for a meatier meal.
- Herb-forward: Finish with a sprinkle of fresh tarragon or chives instead of parsley for a different aromatic profile.
- Mushroom boost: Add sautéed cremini mushrooms with the onions to deepen umami.
Helpful answers
Q: How long does the whole recipe take from start to finish?
A: About 45–55 minutes total. Caramelizing onions takes ~20 minutes, simmering with broth another 10–15, while gnocchi cooks quickly and the final bake is 20–25 minutes. Much of the time is hands-off.
Q: Can I use frozen gnocchi?
A: Yes. Cook frozen gnocchi according to package directions (usually a minute or two longer) and drain well before mixing with the onions.
Q: Is this recipe freezer-friendly?
A: Yes — bake, cool, then portion and freeze in airtight containers for up to 2 months. Thaw in the fridge overnight and reheat in the oven until piping hot.
Q: My onions aren’t caramelizing — what am I doing wrong?
A: Two likely causes: the heat is too high (causes burning instead of even browning) or the pan is overcrowded. Use moderate heat and give the onions room; stir every few minutes.
Q: Can I make this ahead for guests?
A: Absolutely. Assemble the dish, cover, and refrigerate for up to a day; bring to room temperature for 20 minutes, then bake as directed (you may need an extra 5–10 minutes if it’s chilled).
If you want more baked comfort recipes or tips on making gratins and casseroles, I can suggest additional variations or help scale this up for a crowd.
Print
Baked French Onion Gnocchi
- Prep Time: 15 minutes
- Cook Time: 30 minutes
- Total Time: 45 minutes
- Yield: 4 servings
- Category: Main Course
- Method: Baking
- Cuisine: French
- Diet: Vegetarian
Description
A cozy dish combining caramelized onions, soft gnocchi, and melted Gruyère cheese, perfect for a comforting weeknight dinner.
Ingredients
- 1 pound (about 450 g) store-bought gnocchi (potato gnocchi)
- 2 large onions, thinly sliced
- 3 tablespoons butter (or vegan butter for dairy-free)
- 1 tablespoon olive oil
- 4 cups beef or vegetable broth
- 1 teaspoon dried or fresh thyme
- Salt and pepper to taste
- 1 cup shredded Gruyère cheese
- 1/2 cup bread crumbs
- Chopped parsley for garnish
Instructions
- Preheat the oven to 375°F (190°C). Lightly butter or oil your baking dish.
- In a large skillet, heat 3 tablespoons butter and 1 tablespoon olive oil over medium heat.
- Add the thinly sliced onions with a pinch of salt and cook, stirring frequently, for about 20 minutes until golden and jammy.
- Stir in 4 cups broth and 1 teaspoon thyme. Bring to a simmer and cook for 10–15 minutes to concentrate the flavors; season with salt and pepper.
- Meanwhile, cook 1 pound of gnocchi according to package instructions (usually 2–3 minutes until they float). Drain well.
- Mix the cooked gnocchi into the onion-broth mixture until well coated.
- Transfer to the prepared baking dish, sprinkle 1 cup shredded Gruyère evenly over top, and scatter 1/2 cup breadcrumbs.
- Bake for 20–25 minutes until the cheese is melted, golden, and bubbling.
- Garnish with chopped parsley and serve hot.
Notes
For extra flavor, toss breadcrumbs with melted butter and a pinch of parmesan before scattering over the dish. Can be made ahead and refrigerated for up to a day before baking.