This post may contain affiliate links. Please read our disclosure policy.
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 3/4 cups beef broth, divided
- ยฝ teaspoon kosher salt
- ยผ teaspoon black pepper
- 1/2 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
Nutrition information is automatically calculated, so should only be used as an approximation.
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.














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!
Thanks, Patrick! Iโm glad you loved it. The caramelized onions really do make it special!