I still remember the first time I had real French onion soup—it was at a tiny bistro in Chicago, and I couldn’t believe how something so simple could taste so incredible. That deep, sweet caramelized onion flavor with that blanket of melted, bubbly cheese… I knew I had to bring that magic home for weeknights. That’s exactly how this Baked French Onion Gnocchi came to be. It’s my shortcut to that same soul-warming flavor, but in a one-pan dinner that’s ready in under an hour. The pillowy gnocchi soak up all that rich, savory broth, and the cheese gets all golden and irresistible on top. One thing I learned from testing: don’t rush the onions. Give them the full 15 minutes, and stir every few minutes—that patience is where all the flavor hides.
Why You’ll Love This Baked French Onion Gnocchi
Let me tell you why this dish has become a weeknight staple in my kitchen—it’s honestly the best of both worlds. You get that deep, slow-cooked French onion flavor without standing over the stove for hours.
- It’s a true one-dish meal. Everything comes together in one skillet and one baking dish—less cleanup, more time to relax.
- Rich flavor, fast. Caramelizing the onions takes just 15 minutes, but they taste like they’ve been simmering all day. The gnocchi and broth do the rest.
- Vegetarian-friendly. Use vegetable broth and you’ve got a hearty, meatless dinner that even carnivores will love.
- Family-approved. My kids devour this—the cheesy top and soft gnocchi are a total crowd-pleaser. It’s comfort food that feels a little fancy but is totally doable on a Tuesday.
Ingredients for Baked French Onion Gnocchi
Let’s talk about what you’ll need—it’s a short, smart list. Here’s exactly what I use:
- 1 tablespoon olive oil – just for cooking the onions
- 2 large yellow onions, thinly sliced into half-moons
- 2 cloves garlic, minced
- 1 pound shelf-stable or refrigerated gnocchi (not frozen, or they’ll get mushy)
- 1 cup low-sodium beef broth
- 1/2 cup shredded Gruyère cheese (about 2 ounces)
- 1/2 cup shredded low-moisture mozzarella
- 1/4 teaspoon salt and 1/4 teaspoon black pepper
- 1 tablespoon fresh thyme leaves (or 1 teaspoon dried)
Key Ingredients and Their Roles
Each ingredient pulls its weight here. The onions bring that deep, natural sweetness after caramelizing—it’s the heart of the dish. Gruyère melts into this nutty, golden crust that’s totally irresistible. And the gnocchi? They soak up all that savory broth and get perfectly tender, giving you that pillowy bite in every spoonful. Simple stuff, but together they’re magic.
How to Make Baked French Onion Gnocchi
Alright, let’s get cooking. The whole thing comes together faster than you’d think, and I promise it’s easy. First things first—preheat your oven to 400°F before you even touch the onions. That way it’s ready to go when you are. And here’s a big tip: don’t boil the gnocchi ahead of time. They’ll cook perfectly right in the broth as they bake, soaking up all that flavor. I like to use a wide skillet for caramelizing the onions so they have plenty of room to brown evenly. Trust me, that little bit of space makes a difference.
Step 1 – Caramelize the Onions
Heat the olive oil in that large skillet over medium heat. Add the sliced onions and let them cook for a full 15 minutes, stirring every 2-3 minutes. You want them deep golden brown, not burnt. If they start browning too fast, turn the heat down a notch. Patience is your friend here—this is where all that sweet, savory magic comes from.
Step 2 – Combine and Bake
Stir in the garlic for a minute, then add the gnocchi, beef broth, salt, pepper, and thyme. Give everything a good stir. Pour the whole mixture into a baking dish and top with the shredded Gruyère and mozzarella. Pop it in the oven for 20 minutes, until the cheese is bubbly and golden. Let it rest for 5 minutes before serving—the gnocchi will have soaked up the broth and turned perfectly tender.
Ingredient Notes and Substitutions for Baked French Onion Gnocchi
I’ve tested a few swaps over the years, and they all work—just know what to expect. Here’s the deal:
- Vegetable broth instead of beef broth? Totally fine for a vegetarian version. It’s a little lighter, but still savory.
- No Gruyère? Use all mozzarella, or try Swiss or provolone. You’ll lose some nuttiness, but it’ll still be deliciously cheesy.
- Gluten-free gnocchi work great—just check the package. No need to change anything else.
- Stick with yellow onions. Red onions are sweeter and turn a weird color when cooked; they’ll change the whole vibe of the dish.
- Fresh thyme is my favorite—it’s bright and fresh. If you only have dried, use 1 teaspoon instead of 1 tablespoon. Easy swap.
Tips for Perfect Baked French Onion Gnocchi
I’ve made this dish more times than I can count, and I’ve picked up a few tricks along the way that make it really shine. First up, use a sharp cheese—Gruyère is my go-to because it melts into that nutty, golden crust that makes you swoon. Don’t skimp on shredding your own, either. I once grabbed a bag of pre-shredded cheese in a hurry, and the sauce turned grainy from the anti-caking coating. Never again. Shred it fresh, it’s worth the extra minute.
When you’re caramelizing the onions, give them space. Don’t overcrowd the pan—if they’re piled too high, they’ll steam instead of brown. Use a wide skillet and stir every few minutes. And here’s the hardest tip: let the dish rest for 5 minutes after baking. I know you’ll want to dive right in, but that little pause lets the cheese set so it doesn’t slide off in one big blob. Trust me, your patience pays off.
Serving Suggestions for Baked French Onion Gnocchi
This dish is pretty hearty on its own, but a few simple sides really round it out. Here’s what I love to serve alongside:
- A simple green salad with a tangy vinaigrette – the acidity cuts through all that rich, cheesy goodness and keeps things balanced. This salad would be perfect.
- Crusty bread – trust me, you’ll want something to soak up every last drop of that savory broth from the bottom of the dish.
- A glass of dry white wine – something like a Sauvignon Blanc or unoaked Chardonnay. It’s a nice little touch if you’re feeling fancy, even on a weeknight.
Storing and Reheating Baked French Onion Gnocchi
Got leftovers? Lucky you. Just scoop any extra into an airtight container and pop it in the fridge—it’ll keep for up to 3 days. When you’re ready to eat again, I like to reheat in a 350°F oven for 10–15 minutes, which gets the cheese all bubbly again. If you’re in a hurry, the microwave works too—just do 30-second bursts so it heats evenly. One thing to watch for: the gnocchi will keep soaking up that broth as they sit, so the dish might look a little dry. No worries—just add a splash of beef or vegetable broth before reheating, and it’ll be just as cozy as the first time.
Nutritional Information for Baked French Onion Gnocchi
Here’s the breakdown for one serving (about a cup) – I know you’re curious about the numbers. Keep in mind this is an estimate and can shift a bit based on the exact brands you use.
- Calories: 350
- Fat: 14g
- Carbs: 45g
- Protein: 12g
- Sodium: 520mg
Nutrition is an estimate and may vary based on specific ingredients and brands.
Frequently Asked Questions About Baked French Onion Gnocchi
I get asked about this dish all the time, so let me answer a few common questions that pop up. First up—can you make it ahead? Absolutely! Just assemble everything in the baking dish, cover it, and pop it in the fridge. When you’re ready, bake at 400°F, but add an extra 5–10 minutes since it’s starting cold. Easy peasy.
What about frozen gnocchi? You can use them, but thaw them in the fridge first, or just increase the bake time by about 5 minutes. Fresh or shelf-stable gnocchi are my go-to because they soak up the broth perfectly without getting mushy.
No Gruyère on hand? Don’t stress. Swiss cheese or provolone both melt beautifully and give you that lovely stretchy top. It won’t be exactly the same, but this cheesy gnocchi bake will still be a hit. For more cheesy goodness, check out this baked mac and cheese.
Is it gluten-free? Only if you use gluten-free gnocchi and a gluten-free broth. I’ve tested it with a few brands and it works great—just check the package.
If you try this recipe, please leave a rating and comment below. Share your photos on social media and tag us—I love seeing your creations!
Print4 Easy Steps to Perfect Baked French Onion Gnocchi
This recipe combines pillowy gnocchi with caramelized onions and melted cheese for a comforting baked dish.
- Prep Time: 10 minutes
- Cook Time: 35 minutes
- Total Time: 45 minutes
- Yield: 4 servings 1x
- Category: Main Course
- Method: Baking
- Cuisine: French
- Diet: Vegetarian
Ingredients
- 1 tablespoon olive oil
- 2 large onions, thinly sliced
- 2 cloves garlic, minced
- 1 pound gnocchi
- 1 cup beef broth
- 1/2 cup shredded Gruyere cheese
- 1/2 cup shredded mozzarella cheese
- 1/4 teaspoon salt
- 1/4 teaspoon black pepper
- 1 tablespoon fresh thyme leaves
Instructions
- Preheat your oven to 400°F.
- Heat olive oil in a large skillet over medium heat. Add sliced onions and cook for 15 minutes, stirring occasionally, until caramelized.
- Stir in garlic and cook for 1 minute.
- Add gnocchi, beef broth, salt, pepper, and thyme. Stir to combine.
- Transfer mixture to a baking dish. Top with Gruyere and mozzarella cheeses.
- Bake for 20 minutes, until cheese is bubbly and golden.
- Let cool for 5 minutes before serving.
Notes
- Use a sharp cheese like Gruyere for best flavor.
- You can substitute vegetable broth for a lighter option.
- Fresh thyme adds a bright note; dried thyme works too.
Nutrition
- Serving Size: 1 serving (about 1 cup)
- Calories: 350
- Sugar: 6g
- Sodium: 520mg
- Fat: 14g
- Saturated Fat: 7g
- Unsaturated Fat: 5g
- Trans Fat: 0g
- Carbohydrates: 45g
- Fiber: 3g
- Protein: 12g
- Cholesterol: 35mg
