This French Onion Gnocchi is the ultimate comfort food mashup—soft, pillowy potato gnocchi simmered in a savory caramelized onion and beef broth sauce, all topped with gooey, melted Gruyère. It’s like your favorite French onion soup, but with a delicious twist in every bite!

😍Reasons to Love This French Onion Gnocchi Recipe
This French Onion Gnocchi recipe is a game-changer! It’s packed with all the rich, comforting flavors of French onion soup, but with the added bonus of tender, pillowy gnocchi. Easy to make and topped with melty Gruyère, it’s a one-pan dish that’s perfect for cozy nights and impressing guests alike!

You may also like French Onion Chicken, Baked French Onion Meatballs, French Onion Stuffed Chicken Breast, or Copycat Longhorn French Onion Soup for even more delicious comfort!

✅Ingredient Notes
- Olive oil & butter: You can use just one if you prefer—either olive oil or butter works well on its own.
- Yellow onions: White or sweet onions can be used as a substitute if needed. Thinly slicing them helps them caramelize faster.
- Beef broth: Chicken or vegetable broth can be used if you don’t have beef broth, though beef adds the most depth.
- Herbs de Provence: If you don’t have it, Italian seasoning works just as well for a similar flavor profile.
- Worcestershire sauce: Soy sauce or balsamic vinegar can be a substitute in a pinch, though Worcestershire gives the best flavor.
- Potato gnocchi: Store-bought gnocchi is a huge time-saver. It cooks fast, so you’ll have dinner ready in minutes.
- Gruyère cheese: Swiss or mozzarella cheese are good alternatives if Gruyère isn’t available.
- Parsley: Optional, but if you don’t have fresh parsley, a sprinkle of dried herbs or even chives adds a nice finish.

🔪How to Make French Onion Gnocchi
Heat olive oil and butter in a large oven-safe skillet over medium heat.
Add the onions and a pinch of salt, stirring occasionally to prevent burning. Cook slowly, lowering the heat if needed, for 30–40 minutes until the onions turn deep golden-brown and develop a rich, sweet flavor. If they start to dry out, add a splash of beef broth to keep them soft and prevent sticking.

Season with salt, pepper, and Herbs de Provence.
Stir in the remaining broth and Worcestershire sauce, then add gnocchi and simmer for 3-5 minutes.

Top with Gruyère, broil until melted and golden, garnish with parsley, and serve.

Serving Suggestions
French Onion Gnocchi pairs perfectly with a fresh green salad, like Cucumber and Tomato Salad, to balance the richness. Garlic Bread or crusty baguette is great for soaking up the sauce. You can also serve it alongside roasted vegetables like Roasted Asparagus or Roasted Brussels Sprouts for a more complete meal.

🗄️Storing and Reheating
Let leftover gnocchi cool completely before storing. Transfer to an airtight container and refrigerate for up to 3-4 days. When you’re ready to enjoy it again, reheat gently in a skillet over low heat for the best texture, or use the microwave for a quicker option.

If you make this recipe be sure to leave a comment or give this recipe a rating ⭐⭐⭐⭐⭐! I will be happy to hear from you!
French Onion Gnocchi
Ingredients
- 1 tablespoon extra virgin olive oil
- 1 tablespoon unsalted butter
- 2 large yellow onions thinly sliced (about 2 cups)
- 1 ¾ cups beef broth divided
- ½ teaspoon kosher salt
- ¼ teaspoon black pepper
- ½ teaspoon Herbs de Provence or Italian seasoning
- 1 tablespoon Worcestershire sauce
- 1 package 16 ounces potato gnocchi, uncooked
- 1 ½ cups Gruyère cheese shredded
- Parsley for garnish
Instructions
- Heat olive oil and butter in a large oven-safe skillet over medium heat.
- Add the onions and a pinch of salt, stirring occasionally to prevent burning. Cook slowly, lowering the heat if needed, for 30–40 minutes until the onions turn deep golden-brown and develop a rich, sweet flavor. If they start to dry out, add a splash of beef broth to keep them soft and prevent sticking.
- Season with salt, pepper, and Herbs de Provence.
- Add the remaining beef broth and Worcestershire sauce, bring to a simmer.
- Add gnocchi and simmer for 3-5 minutes until tender.
- Sprinkle Gruyère cheese on top, broil for 2-3 minutes until melted and golden.
- Garnish with parsley and serve.
Notes
Nutrition
All rights reserved. CHEF JAR. All images and content are copyright protected. PLEASE do not use my images without my permission. If you want to share this recipe, PLEASE provide a link back to this post.
Patrick says
This dish was a game-changer! The caramelized onions added so much depth to the gnocchi, and the cheese on top was heavenly. I’ll definitely be making this again!
Tatiana says
Thanks, Patrick! I’m glad you loved it. The caramelized onions really do make it special!