• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
loved by everyone

loved by everyone

  • Home
  • Dessert
  • Dinner
  • Salad
  • About
  • Contact
  • Privacy Policy
loved by everyone
  • Home
  • Dessert
  • Dinner
  • Salad
  • About
  • Contact
  • Privacy Policy
Dinner / French Onion Gnocchi
French Onion Gnocchi

French Onion Gnocchi

May 2, 2026 By Sarah DuRoss

Jump to Recipe·Print Recipe

Savor the delicious combination of French Onion Gnocchi—a delightful dish that brings together the rich flavors of French onion soup and tender potato gnocchi. This recipe is perfect for cozy dinners, special occasions, or simply indulging in comfort food at home. With its creamy Gruyère topping and savory broth, it’s a meal that will impress family and friends alike!

Why You’ll Love This Recipe

  • Rich Flavor: The combination of caramelized onions and beef broth creates a deep, satisfying taste.
  • Easy to Prepare: With simple steps, this dish can be on your table in under 40 minutes.
  • Comfort Food Classic: This recipe merges two beloved dishes into one comforting experience.
  • Versatile Serving Options: Perfect as a main course or a hearty side, this gnocchi works for any occasion.
  • Cheesy Goodness: Topped with melted Gruyère cheese, every bite is a creamy delight.

Tools and Preparation

Preparing French Onion Gnocchi requires just a few essential tools to make the cooking process smooth and enjoyable.

Essential Tools and Equipment

  • Cast iron skillet
  • Wooden spoon
  • Measuring cups and spoons
  • Cheese grater

Importance of Each Tool

  • Cast iron skillet: Excellent for even heat distribution, ensuring your onions caramelize perfectly.
  • Wooden spoon: Ideal for stirring without scratching your skillet while mixing ingredients evenly.
  • Measuring cups and spoons: Ensures accurate ingredient portions for consistent flavor.
save it
French

Ingredients

Savor the delicious combination of French Onion Soup and gnocchi with this mouthwatering recipe. Tender potato gnocchi in a rich caramelized onion and beef broth sauce, topped with melted Gruyère cheese!

For the Base

  • 1 tablespoon extra virgin olive oil
  • 1 tablespoon unsalted butter
  • 2 large yellow onions, thinly sliced (about 2 cups)
  • ¼ cup (60 g) red apple vinegar
  • ½ teaspoon kosher salt
  • ¼ teaspoon black pepper
  • ¼ teaspoon garlic powder

For the Gnocchi

  • 1 ½ cups (360 g) beef broth
  • 1 tablespoon Worcestershire sauce
  • 1 package (16 ounces) potato gnocchi, uncooked

For the Topping

  • 1 ½ cups (169.5 g) Gruyère cheese, shredded
  • Parsley, for garnish

How to Make French Onion Gnocchi

Step 1: Sauté the Onions

In a large oven-safe, heavy-bottomed skillet over medium heat, add olive oil and butter. Once the butter has melted:
1. Add the sliced onions.
2. Sauté for 15-20 minutes, stirring frequently until they are very tender and have a deep caramel color.

Step 2: Add Vinegar and Seasonings

Toward the end of cooking the onions:
1. Add red apple vinegar.
2. Continue cooking until the vinegar has completely evaporated.
3. Stir in salt, black pepper, and garlic powder until combined.

Step 3: Incorporate Broth and Gnocchi

Pour in:
1. Beef broth and Worcestershire sauce.
2. Stir to combine and bring to a simmer.

Reduce heat to low:
1. Add gnocchi to the skillet.
2. Simmer for about 3-5 minutes, stirring occasionally until cooked through and tender.

Step 4: Broil with Cheese

Once the gnocchi are cooked:
1. Sprinkle shredded Gruyère cheese evenly over the top.
2. Place under the broiler for 2-3 minutes until melted and lightly browned.

Step 5: Serve Your Dish

Remove from oven:
1. Garnish with parsley before serving hot.

Enjoy your delectable French Onion Gnocchi as a comforting dinner or an impressive dish at your next gathering!

How to Serve French Onion Gnocchi

Serving French Onion Gnocchi is all about enhancing its rich flavors and textures. This dish is versatile and pairs well with several accompaniments that can elevate your dining experience.

Garnish with Fresh Herbs

  • Parsley – A sprinkle of fresh parsley adds a vibrant touch and balances the richness of the dish.
  • Chives – Finely chopped chives provide a mild onion flavor that complements the gnocchi beautifully.

Pair with a Crisp Salad

  • Mixed Greens Salad – A light salad with arugula, spinach, and a zesty vinaigrette offers a refreshing contrast.
  • Caesar Salad – The creamy dressing and crunchy croutons pair well with the soft texture of gnocchi.

Serve with Bread

  • Garlic Bread – Crispy garlic bread is perfect for scooping up the delicious sauce.
  • Baguette Slices – Soft, fresh baguette slices can be used to soak up the flavorful broth.

How to Perfect French Onion Gnocchi

Perfecting your French Onion Gnocchi involves attention to detail in preparation and cooking. Here are some tips to elevate your dish:

  • Bold Caramelization – Ensure onions are cooked until deep brown for maximum sweetness and flavor.
  • Quality Broth – Use high-quality beef broth for a richer taste; homemade is even better.
  • Gentle Simmering – Simmer gnocchi gently to prevent them from becoming mushy while absorbing flavors.
  • Cheese Choice – Opt for good quality Gruyère cheese; it melts beautifully and enhances the dish’s flavor profile.
  • Don’t Rush the Broiling – Keep an eye on the cheese while broiling to achieve the perfect golden color without burning.

Best Side Dishes for French Onion Gnocchi

To complement your French Onion Gnocchi, consider these delightful side dishes that enhance your meal:

  1. Garlic Roasted Vegetables – A medley of seasonal vegetables roasted with garlic for added flavor.
  2. Creamy Polenta – Smooth polenta provides a comforting base that pairs well with rich sauces.
  3. Brussels Sprouts with Balsamic Glaze – Roasted Brussels sprouts drizzled with balsamic add sweetness and crunch.
  4. Sautéed Spinach – Lightly sautéed spinach seasoned with garlic offers a nutritious side that doesn’t overshadow the main dish.
  5. Caprese Salad – Fresh mozzarella, tomatoes, and basil drizzled with olive oil create a refreshing contrast.
  6. Mushroom Risotto – Creamy risotto infused with mushrooms brings an earthy richness alongside the gnocchi.

Common Mistakes to Avoid

Avoiding common pitfalls can enhance your French Onion Gnocchi experience. Here are some mistakes to watch out for:

  • Using the wrong onions: Yellow onions are best for caramelizing due to their sweetness. Avoid using other types like red or green onions, which may not achieve the same depth of flavor.

  • Not cooking the onions long enough: Caramelization is key! Ensure you cook the onions for at least 15-20 minutes until they are deeply colored and tender. Skipping this step can lead to a less flavorful dish.

  • Overcooking the gnocchi: Follow package instructions for cooking gnocchi. Overcooking can result in mushy textures. Aim for 3-5 minutes of simmering once added to the sauce.

  • Neglecting seasoning adjustments: Each broth varies in saltiness. Taste your dish before serving and adjust salt and pepper accordingly to enhance flavors.

  • Rushing the broiling process: Broil only until the cheese is melted and lightly browned. Stay nearby to prevent burning, as broiling can quickly change from perfectly golden to charred.

Storage & Reheating Instructions

Refrigerator Storage

  • Store French Onion Gnocchi in an airtight container.
  • It can be kept in the refrigerator for up to 3 days.

Freezing French Onion Gnocchi

  • Place cooled gnocchi in a freezer-safe container or bag.
  • It can be frozen for up to 2 months.

Reheating French Onion Gnocchi

  • Oven: Preheat to 350°F (175°C) and reheat in a covered dish for about 15-20 minutes.
  • Microwave: Heat in short intervals of 1-2 minutes, stirring between sessions until warmed through.
  • Stovetop: Add a splash of beef broth or water, cover, and heat over low heat until hot, stirring occasionally.

Frequently Asked Questions

Here are some common queries about making French Onion Gnocchi:

Can I use vegetable broth instead of beef broth?

Yes, using vegetable broth will still provide a flavorful base for your French Onion Gnocchi while keeping it plant-based.

What cheese can I use besides Gruyère?

You can substitute Gruyère with Swiss cheese or mozzarella if you prefer a milder flavor or if Gruyère is unavailable.

How do I make this dish vegetarian?

To make French Onion Gnocchi vegetarian, simply replace beef broth with vegetable broth and omit Worcestershire sauce or look for a vegetarian version.

Can I prepare this dish ahead of time?

Yes! You can prepare the onion mixture ahead and store it separately from the gnocchi. Combine them just before broiling for best results.

Final Thoughts

French Onion Gnocchi combines comforting flavors into one delightful dish that is perfect for any dinner table. Its versatility allows you to customize with different cheeses or broths according to your taste preferences. Give this recipe a try; your taste buds will thank you!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
French Onion Gnocchi

French Onion Gnocchi

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Print Recipe
Pin Recipe

Savor the rich and comforting flavors of French Onion Gnocchi, a delightful fusion of classic French onion soup and tender potato gnocchi. This dish features caramelized onions simmered in savory beef broth, topped with melted Gruyère cheese, creating a creamy and indulgent experience. Perfect for cozy dinners, special occasions, or simply treating yourself to comfort food at home, this recipe is sure to impress family and friends alike.

  • Total Time: 40 minutes
  • Yield: Serves 4

Ingredients

Scale
  • 1 tablespoon extra virgin olive oil
  • 1 tablespoon unsalted butter
  • 2 large yellow onions, thinly sliced
  • ¼ cup (60 g) red apple vinegar
  • ½ teaspoon kosher salt
  • ¼ teaspoon black pepper
  • ¼ teaspoon garlic powder
  • 1 ½ cups (360 g) beef broth
  • 1 package (16 ounces) potato gnocchi, uncooked
  • 1 ½ cups (169.5 g) Gruyère cheese, shredded
  • Parsley, for garnish

Instructions

  1. In a large oven-safe skillet over medium heat, combine olive oil and butter. Add thinly sliced onions and sauté for 15-20 minutes until caramelized.
  2. Stir in red apple vinegar and cook until evaporated. Season with salt, black pepper, and garlic powder.
  3. Pour in beef broth, bring to a simmer, then add uncooked gnocchi and gently simmer for 3-5 minutes until tender.
  4. Sprinkle shredded Gruyère cheese on top and broil for 2-3 minutes until melted and golden.
  5. Remove from oven, garnish with parsley, and serve hot.
  • Author: Sarah DuRoss
  • Prep Time: 10 minutes
  • Cook Time: 30 minutes
  • Category: Main
  • Method: Baking
  • Cuisine: French

Nutrition

  • Serving Size: 1 serving
  • Calories: 380
  • Sugar: 8g
  • Sodium: 800mg
  • Fat: 18g
  • Saturated Fat: 10g
  • Unsaturated Fat: 6g
  • Trans Fat: 0g
  • Carbohydrates: 47g
  • Fiber: 3g
  • Protein: 12g
  • Cholesterol: 40mg

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

« Previous Post
Remy's Ratatouille Soup (from the movie)
Next Post »
Cheesecake Deviled Strawberries: A Delightful No-Bake Treat!

If you enjoyed this…

Chile Rellenos Casserole
Dinner

Chile Rellenos Casserole

Hearty Ground Beef Orzo with Tomato Cream Sauce
Dinner

Hearty Ground Beef Orzo with Tomato Cream Sauce

Pepper Steak in a Crock Pot
Dinner

Pepper Steak in a Crock Pot

Reader Interactions

Leave a Comment Cancel reply

Helpful comments include feedback on the post or changes you made.

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

Primary Sidebar

Browse by Diet

DessertDessertDinnerDinnerSaladSalad

Strawberry Frosted Lemonade.

Homemade Strawberry Lemonade

Homemade Strawberry Lemonade

Easy Strawberry Shortcake Trifle

Easy Strawberry Shortcake Trifle

© 2026 · About · Contact · Privacy Policy · Terms of Use · CCPA · DMCA