French Onion Gnocchi brings together the deep, savory flavor of slowly caramelized onions with tender potato gnocchi and a rich, cheesy sauce. Inspired by classic French onion soup, this cozy skillet dinner is finished with bubbling Gruyère and Parmesan for an irresistible golden topping. It takes a little patience to caramelize the onions, but the delicious result is well worth it.

Why You’ll Love This Recipe

This comforting recipe delivers restaurant-style flavor using simple, familiar ingredients. Slowly caramelized onions create natural sweetness and depth, while beef stock, Dijon mustard, thyme, garlic, and cheese turn them into a wonderfully savory sauce.

Tender gnocchi makes the dish filling enough for a family dinner, and most of the cooking happens in one skillet after the gnocchi is boiled. The combination of Gruyère and Parmesan creates a creamy, gooey finish that makes this French onion gnocchi especially satisfying on a cool evening.

It is also completely alcohol-free and halal-friendly when prepared with halal-certified beef stock and Worcestershire sauce.

Ingredients

Homemade French Onion Gnocchi featuring pillowy potato gnocchi coated in a rich caramelized onion sauce. Golden melted cheese and fresh thyme cover the top. — Creamy French Onion Gnocchi with caramelized onions and Gruyère.

1½ tablespoons olive oil
2½ tablespoons salted butter
Kosher salt, to taste
Freshly cracked black pepper, to taste
24 ounces store-bought gnocchi
2 pounds yellow onions, halved and thinly sliced
1½ tablespoons fresh thyme, finely chopped
6 cloves garlic, minced
½ cup low-sodium beef broth
2½ teaspoons Dijon mustard
2½ tablespoons all-purpose flour
1 teaspoon halal-certified Worcestershire sauce
1 large bay leaf
2½ cups low-sodium halal beef stock
1½ cups Gruyère cheese, freshly grated
½ cup Parmesan cheese, freshly grated

Instructions

Heat the olive oil and butter in a large oven-safe skillet over medium heat. Once the butter melts, add the sliced onions and a small pinch of salt.
Cook the onions for 45–60 minutes, stirring every few minutes. Allow them to slowly soften and caramelize rather than browning quickly. If the skillet becomes dry, add about 1½ teaspoons of water at a time and stir. About 40 minutes into caramelizing the onions, bring a medium pot of salted water to a boil.
When the onions are deeply golden brown and caramelized, stir in the thyme and garlic. Cook for about 2 minutes, until fragrant.
Pour in the ½ cup beef broth. Scrape up the flavorful browned bits from the skillet and cook for 3–4 minutes, or until the liquid has reduced by approximately half.
Stir in the flour and cook for 1–2 minutes. Add the Dijon mustard and Worcestershire sauce, stirring until everything is evenly incorporated.
Pour in the beef stock and add the bay leaf. Bring to a gentle boil, then reduce the heat and simmer for 6–7 minutes, or until the French onion sauce begins to thicken. Season with salt and freshly cracked black pepper to taste.
Meanwhile, add the gnocchi to the boiling salted water. Cook according to the package directions, or until the gnocchi float to the surface. Drain thoroughly.
Remove the bay leaf and transfer the cooked gnocchi to the onion sauce. Gently stir until every piece is generously coated.
Sprinkle Parmesan evenly over the French Onion Gnocchi, followed by the grated Gruyère.
Place the oven-safe skillet under the broiler for 3–5 minutes, watching carefully, until the cheese is melted, bubbling, and lightly golden.
Garnish with additional fresh thyme and serve immediately.

Creamy French Onion Gnocchi with golden caramelized onions, fresh thyme, and bubbling Gruyère cheese. This cozy gnocchi recipe is finished under the broiler until golden. — Cozy caramelized onion gnocchi with bubbling melted cheese.

Tips & Tricks

Give the onions time: Properly caramelized onions are the foundation of this dish. Keep the heat moderate and allow 45–60 minutes for them to become deeply golden, soft, and naturally sweet.

Add moisture when necessary: If onions begin sticking before they are caramelized, add a small splash of water rather than increasing the oil or butter.

Grate the cheese fresh: Freshly grated Gruyère and Parmesan generally melt more smoothly than pre-shredded varieties.

Watch the broiler: Cheese can go from beautifully golden to over-browned quickly, so keep an eye on the skillet during the final few minutes.

Choose halal ingredients: Check the labels on beef stock, Worcestershire sauce, Parmesan, and Gruyère to ensure they meet your halal requirements. Vegetarian Worcestershire sauce can also be used.

Try vegetable broth: Low-sodium vegetable broth works well if you prefer not to use beef stock.

Details

Prep Time: 15 minutes
Cook Time: 65 minutes
Total Time: 1 hour 20 minutes
Yield: 6 servings
Category: Main Course
Method: Stovetop and Broiling
Cuisine: French-Inspired
Difficulty: Intermediate
Dietary Notes: Alcohol-free, halal-friendly when made with halal-certified ingredients

Cheesy caramelized onion gnocchi served hot with a savory French onion sauce. Melted Gruyère, Parmesan, and fresh thyme create a rich and comforting finish. — Cheesy gnocchi packed with rich French onion flavor.

Notes

For an extra-creamy French onion gnocchi, stir a small splash of heavy cream into the sauce before adding the cooked gnocchi.

Mozzarella can replace part of the Gruyère for a milder, stretchy cheese topping. For serving, pair the dish with a crisp green salad, roasted vegetables, steamed green beans, or crusty bread. Because gnocchi is already hearty, lighter side dishes create a particularly balanced meal.

Nutrition

Approximate nutrition per serving:

Calories: 620
Protein: 23 g
Carbohydrates: 72 g
Fat: 28 g

Nutrition values are estimates and will vary depending on the gnocchi, cheese, stock, and other ingredients used.

FAQ

What is French Onion Gnocchi?

French Onion Gnocchi is a comforting pasta-style dish combining tender potato gnocchi with slowly caramelized onions, savory broth, fresh thyme, garlic, Dijon mustard, and melted cheese. Its flavors are inspired by traditional French onion soup.

How long does it take to caramelize onions properly?

Plan on approximately 45–60 minutes over moderate heat. Slow cooking allows the onions to soften, release their natural sugars, and develop the deep golden color and rich flavor needed for a caramelized onion gnocchi recipe.

What cheese is best for French onion gnocchi?

Gruyère is an excellent choice because it melts beautifully and has a nutty, savory flavor associated with French onion dishes. Parmesan adds extra saltiness and depth.

Can I make this cheesy gnocchi without Gruyère?

Yes. Swiss-style cheese, mozzarella, or another good melting cheese can be substituted. The flavor will change slightly, but the dish will still be delicious.

Can I make French onion gnocchi without wine?

Absolutely. This alcohol-free recipe uses beef broth in place of dry white wine. The broth provides savory depth while helping loosen the flavorful caramelized bits from the skillet.

Can I use shelf-stable gnocchi?

Yes. Store-bought shelf-stable, refrigerated, or suitable frozen gnocchi can work. Follow the package cooking instructions because cooking times vary between products.

Storage

Allow leftovers to cool before transferring them to an airtight container. Refrigerate for up to 3–4 days.

For longer storage, place cooled portions in freezer-safe containers and freeze for up to 2 months. Keep in mind that the texture of the gnocchi and cheese sauce may be slightly softer after thawing.

For best results, reheat refrigerated leftovers gently in a covered skillet over low heat. Add a splash of beef or vegetable broth if the sauce has become too thick. Individual portions can also be reheated in the microwave until thoroughly hot.

French Onion Gnocchi topped with melted Gruyère and Parmesan cheese in a skillet. Tender gnocchi and deeply caramelized onions create a rich French onion-inspired dinner. — Golden Gruyère French Onion Gnocchi fresh from the skillet.

Similar Recipes