Return to top
featured in… The Huffington Post CookingLight Reader's Digest Women's Health BuzzFeed Glamour Whole Foods Oprah Winfrey Network CNN Food Network Healthline Shape

Hello! I’m Anjali. I’m a board certified health coach, author, wife, mom and food lover from the SF Bay area (now living in Seattle, WA!); with a passion for delicious food and a desire to make healthy eating easy, tasty and fun! Learn more about me here and stay for a while!

Anjali Shah

Healthy Gnocchi Recipe

This post may contain affiliate links. As an Amazon Associate, I earn from qualifying purchases. Please read my disclosure.

Made with a combination of spinach, white beans, and diced tomatoes, my healthy gnocchi recipe is designed for families looking for a delicious, easy to make, and nutritious Italian meal that everyone will love! This comforting and flavorful vegetarian dish makes a great lunch or an easy dinner and works well for meal prep too!

Closeup of finished healthy gnocchi recipe in a pan.

My healthy veggie gnocchi is one of our family’s favorite healthy vegetarian Italian recipes. It’s so flavorful and delicious, and I have been making it for years. Made with a combination of whole wheat gnocchi, spinach, diced tomatoes, white beans, crushed red pepper, fresh basil, lots of garlic, and gooey cheese, it’s beyond tasty.

You can serve my healthy gnocchi recipe for any occasion. It’s a delicious meal for lunch or dinner, or as a packed dish to take to school or work. It’s also great for when you have friends over and want to serve them a hearty and beautiful meal. You’ll love taking the whole skillet to the table or to your next potluck.

I became a fan of gnocchi during my first trip to Italy – because what’s not to love? It’s an Italian dish consisting of soft potato dumplings made with flour and potatoes. These dumplings are cooked in boiling water, then are typically added to a tomato sauce, creamy sauce, or combined with vegetables. It’s a fun way to change things up from regular pasta.

My healthy vegetarian gnocchi recipe uses whole wheat gnocchi, which is made with whole wheat flour instead of white flour. I always find a way to add a delicious and healthy twist even to comfort food!

Plus, when you combine gnocchi with white beans you create a healthy high protein vegetarian gnocchi dish. My recipe has 15 grams of protein per serving making it a good source of protein without meat and is also low calorie and low fat too. You can also make this recipe vegan so it’s a great recipe for any group!

My healthy gnocchi recipe is an affordable fast meal that requires minimal chopping. It calls for basic ingredients like ready-made gnocchi, canned tomatoes and beans, and frozen spinach which means you can keep these ingredients on hand for an easy meal on busy weeknights. You can also easily substitute the vegetables and cheese for whatever you’ve got in your refrigerator.

The creamy texture of this dish is incredible. It’s nice and creamy without any actual cream. Both the gnocchi and white beans have a smooth and creamy texture that gives this low calorie gnocchi meal a rich taste without the extra fat. The pan seared gnocchi are pillowy soft and the other vegetables become saucy as they simmer.

And even better, my easy vegetarian gnocchi recipe is kid-friendly! The texture of the gnocchi and gooey cheese make this dish a hit with kids. The frozen spinach is finely chopped, making it ideal for younger children, toddlers, or picky eaters.

Latest Recipe Video!

🥘 Ingredients

My healthy gnocchi recipe uses simple ingredients that add flavor and protein to this colorful meal. For the full recipe and nutrition facts, scroll down to the recipe card at the bottom of this post.

Ingredients for healthy gnocchi recipe on a white background.

Gnocchi: I use whole wheat gnocchi to add fiber and whole grains to this meal. It tastes just as good as traditional gnocchi, but is healthier for you. Gluten-free gnocchi is also an option – you can use any type of potato gnocchi you like – there are tons of varieties at most stores. You’ll find store-bought gnocchi stocked in the pasta aisle at the grocery store. One of my favorites is the Trader Joe’s brand, but most stores will have a whole wheat option.

Olive Oil: Olive oil cooking spray is my secret to pan-frying the gnocchi. It’s the key to getting a great texture and outer crust. You can use any cooking spray or even a little butter if you don’t have olive oil cooking spray. You’ll also need regular olive oil (or any oil of your choice) for cooking the onions and garlic.

Spinach: Frozen spinach adds flavor, nutrients, and a bold color to this healthy low fat gnocchi recipe. I also chose to use frozen cut down on the preparation time but you can use fresh spinach or any chopped leafy green veggie (like chard or kale) as well.

White Beans: Cannellini, navy, or great northern beans are all excellent choices.

Diced Tomatoes: Canned diced tomatoes form the base of the healthy gnocchi sauce and are what make this recipe nice and saucy. I’ve used both regular and petite-diced tomatoes and they work well. If you don’t have canned diced tomatoes, you can use crushed tomatoes or even marinara sauce.

Red Onions & Garlic: I like to use red onion as they add a little zestier onion flavor than white onion. And fresh minced garlic always adds the most flavor.

Cheese: I use a combination of shredded mozzarella cheese and parmesan cheese to create the perfect gooey cheesy topping for this veggie gnocchi skillet. Feel free to use vegan cheese too.

Crushed Red Pepper: Red pepper flakes add a touch of heat and extra flavor. You can easily increase or decrease the amount to personalize this recipe.

Herbs & Seasonings: I use a combination of fresh basil, Italian seasoning, salt, and black pepper to add lots of flavor without calories or fat to this healthy gnocchi dish. Dried Italian seasoning especially offers a large profile of flavors in one ingredient. Look for a salt-free variety. Use salt and black pepper generously to taste, and reserve some fresh basil for topping the dish before serving.

🔪 How To Make Healthy Gnocchi

Making my veggie gnocchi recipe is really simple and perfect for beginners in the kitchen. The steps are very easy and it only requires 20 minutes of prep time. You’ll have a home-cooked meal on the table in under an hour.

Check out my video below to see how this healthy meal comes together with very little effort.

Boil Gnocchi And Cook The Onions: To begin, I cook gnocchi in boiling water in a large saucepan according to the package directions. Then I drain it and set it aside. Next, I heat 1 teaspoon of oil in a large skillet and add the onion and garlic to cook for a few minutes until the onions are soft and translucent.

onions and garlic sauteeing in a pan.

Pan Fry The Gnocchi: Using olive oil cooking spray, I pan fry the cooked gnocchi in a separate skillet until lightly browned.

gnocchi sauteeing in a pan.

Wilt The Spinach: I add the spinach to the onion and garlic, and let it cook until the spinach defrosts and starts to wilt.

spinach added to onions in a pan.

Stir In Vegetables And Seasonings: To the spinach mixture, I add the tomatoes, white beans, Italian seasoning, basil, crushed red pepper, and salt to taste. Then I give the mixture a good stir and bring it to a simmer.

tomatoes and white beans added to spinach and onions in a pan.

Add Gnocchi: Once the sauce begins to simmer, I stir in the gnocchi and sprinkle the top with the mozzarella and parmesan cheese.

shredded cheese added to gnocchi in a pan.

Simmer Until Cheese Is Melted: Finally, I cover the pan and cook the dish until the cheese is melted and the vegetables are bubbling, about 3-5 minutes. And that’s it! Now, serve my spinach white bean gnocchi skillet warm!

finished veggie gnocchi in a skillet.

My #1 Secret Tip for making this healthy vegetarian gnocchi is to pan-fry the gnocchi until it’s lightly golden brown. It adds a satisfying contrast to the creamy sauce and vegetables and is what sets my recipe apart from other healthy recipes with gnocchi. 

Other Tips To Keep In Mind:

  • Don’t Overboil The Gnocchi: Make sure to cook your gnocchi as instructed on the package and then immediately drain it. Overcooked gnocchi can have a slimy or mushy texture.
  • Cook The Spinach Just Until Wilted: The spinach will have the best flavor if it is cooked just until it has defrosted and wilted.
  • Use Fresh Ingredients: Whenever possible, use fresh basil and garlic for the best flavor. Fresh herbs and aromatics will significantly enhance the flavor of my healthy gnocchi recipe.
  • Use a Large Skillet: A large skillet gives all the ingredients plenty of room to cook evenly without bubbling over.

📖 Variations

Extra Cheesy: Add additional cheese or swap out the cheese for another variety. Swiss, gouda, cheddar, provolone, and asiago would also blend well with the white bean gnocchi flavors. I’ve found that freshly grated cheese (vs. pre-shredded) will offer the most flavor.

Sun-Dried Tomato Gnocchi: Add ¼ – ½ cup of sliced or diced sun-dried tomatoes along with the canned tomatoes. Sun-dried tomatoes are available whole or sliced in a package or oil-packed in a jar.

Fresh Pesto: You can use a variety of different pestos with this healthy gnocchi with veggies – just add in 1-2 tablespoons along with the crushed tomatoes! My family loves this creamy gnocchi with a kale pesto or my pesto without pine nuts.

Kid-Friendly Gnocchi: This recipe is already pretty kid-friendly, but if you’re making this gnocchi for toddlers or young kids, you can cut the gnocchi pieces in half before serving, so it’s more bite-sized. Depending on how picky your kids are, you can cut the veggies super small or switch them out as needed.

More Herbs: Sprinkle additional finely sliced fresh herbs on top before serving. Oregano, parsley, or rosemary would add texture, herby flavor, and a pop of color to this easy healthy gnocchi recipe.

Extra Vegetables: Try any combination of your favorite veggies for this filling meal! Asparagus, carrots, zucchini or summer squash, red bell pepper, sweet potatoes, chard, kale, and butternut squash would all work well. Basically, just add in any extra veggies you have in the fridge – almost anything will work!

Gluten-Free: To make the dish gluten-free simply use a gluten-free gnocchi.

Creamy Vegan Gnocchi: When I want to make a vegan version, I use plant-based gnocchi such as cauliflower gnocchi and omit the cheese or use vegan parmesan cheese.

Dairy-Free: To make my healthy low calorie gnocchi recipe dairy-free, all you have to do is omit the cheese.

Healthy veggie gnocchi covered with mozzarella cheese served in a large skillet on the counter.

🍽 Serving Suggestions

My vegetarian gnocchi goes well with a variety of side dishes and is also filling when served alone. Our family enjoys eating this meal with salad, bread, or roasted veggies. 

With Salad: A fresh salad is a great way to offer additional vegetables and add color to your dinner table. Pair this recipe with a spinach and arugula salad or this tomato avocado cucumber salad.

With Bread: Italian main courses and bread just automatically go together in my house! This smooth gnocchi and melty cheese also pairs well with all types of bread from soft and fluffy dinner rolls like these vegan dinner rolls, pita, vegan flatbread, sourdough, or buckwheat sourdough bread, or with this vegan garlic bread or plain toast.

With Roasted Veggies: Roasted seasonal vegetables like these crispy air fryer carrots, roasted broccoli, or air fryer Brussel sprouts are also a delicious complement to this savory meal.

🫙 Storage Directions

Storing & Meal Prep: One of the things I love the most about this healthy gnocchi dinner is the leftovers. Once the dish is completely cool, put the gnocchi in an airtight container and store it in the fridge for up to 3 days. You can also make a double batch for meal prep if you want to cook once and eat a few times throughout the week. Note: I do not recommend freezing this dish, as the texture of the gnocchi will change when thawed and reheated.

Reheating: My meatless gnocchi recipe can easily be reheated in the microwave on medium heat for 30-60 second intervals or until heated through. You can also reheat it on the stovetop on medium heat until the gnocchi is warm and the cheese is melty.

❓Recipe FAQs

HOW DO I KNOW WHEN THE GNOCCHI IS DONE COOKING?

Gnocchi is done cooking when it floats to the top of the boiling water. You should follow the package directions but it usually takes just a few minutes, so keep an eye on the pot.

WHAT IS THE BEST WAY TO PAN-FRY THE GNOCCHI?

To pan-fry gnocchi, use a non-stick skillet and spray it with olive oil cooking spray. First, heat the skillet over medium heat and add the cooked gnocchi in a single layer. Then cook them for about 2-3 minutes on each side, or until they are lightly golden brown and crispy. It’s important to avoid overcrowding the skillet, as this can cause the gnocchi to steam instead of fry.

WHAT SHOULD I DO IF THE SAUCE IS TOO THICK OR TOO THIN?

If the sauce is too thick, you can thin it out by adding a little vegetable broth or water, a tablespoon at a time, until it reaches the desired consistency. If the sauce is too thin, let it simmer uncovered for a minute or so to allow some of the liquid to evaporate.

Portion of veggie gnocchi in a bowl with the skillet in the background.

Want to Save This Recipe?

Enter your email & I’ll send it to your inbox. Plus, get great new recipes from me every week!

Save Recipe

By submitting this form, you consent to receive emails from The Picky Eater.

Love this vegetarian italian recipe? Please leave a 5-star rating 🌟 in the recipe below and/or a review in the comments section further down the page!

You can also FOLLOW ME on FACEBOOK, INSTAGRAM, and PINTEREST to see more delicious, healthy, family-friendly food, and if you have any questions, I’m here to help!

📋 Recipe Card

🎥 Watch How to Make It

Healthy veggie gnocchi covered with mozzarella cheese served in a large skillet on the counter.
Print Recipe
5 from 31 votes

Healthy Gnocchi Recipe

Made with a combination of spinach, white beans, and diced tomatoes, my healthy gnocchi recipe is designed for families looking for a delicious, easy to make, and nutritious Italian meal that everyone will love! This comforting and flavorful vegetarian dish makes a great lunch or an easy dinner and works well for meal prep too!
Prep Time20 minutes
Cook Time25 minutes
Total Time45 minutes
Course: Main Course
Cuisine: Italian
Diet: Vegetarian
Servings: 6 servings
Calories: 187kcal
Author: Anjali Shah

Ingredients

Shop Ingredients on Jupiter

Instructions

  • Cook the gnocchi in boiling water according to package directions. Drain, cool, set aside.
  • Heat 1 tsp oil in a large skillet, and add the onion – cook for a few minutes
  • Add the garlic, cook until the onion is soft and translucent (4-6 min)
  • Meanwhile, using olive oil cooking spray, pan fry the gnocchi in a separate skillet until lightly browned
  • Add the spinach to the skillet with the onion in it, and cook until the spinach defrosts/starts to wilt
  • Stir in the tomatoes, beans, pepper, basil, Italian seasoning, crushed red pepper and salt to taste – bring to a simmer
  • Stir in the gnocchi and sprinkle with the mozzarella and parmesan cheese
  • Cover and cook until the cheese is melted and bubbling, about 3-5 min.

Notes

    Storage Directions
    • Storing: Leftovers keep in an airtight container in the refrigerator for up to 3 days.  I do not recommend freezing this recipe, as the texture of the gnocchi will change when thawed and reheated.
    • Reheating: Reheat the dish in the microwave on medium heat for 30-60 second intervals until it is heated through or reheat it on the stovetop on medium heat until the gnocchi is warm and the cheese is melty.
    Recipe Tips
    • Gluten-Free: To make gluten-free use a gluten-free gnocchi.
    • Vegan: To make vegan, use plant-based gnocchi such as cauliflower gnocchi and omit the cheese or use vegan parmesan cheese.
    • Dairy-Free: To make dairy-free, omit the cheese.
    • Substitute a different variety of cheese such as Swiss, gouda, cheddar, provolone, or asiago, if desired.
    • Be careful not to overcook the gnocchi or the spinach.  Cook gnocchi according to the package instructions and then pan fry.  As soon as the spinach is defrosted and wilts, move on to the next step.
    Adapted from EatingWell

    Nutrition

    Calories: 187kcal | Carbohydrates: 31g | Protein: 7g | Fat: 4g | Saturated Fat: 2g | Polyunsaturated Fat: 0.2g | Monounsaturated Fat: 2g | Cholesterol: 9mg | Sodium: 578mg | Potassium: 63mg | Fiber: 2g | Sugar: 1g

    56 responses to “Healthy Gnocchi Recipe”

      • Hi Cindy! Yes absolutely – I always rinse & drain canned beans. Hope that helps and I hope you enjoy this recipe!

    1. You don’t need to boil the gnocchi since it is being pan fried. That is redundant. May want to update your recipe.

      • Hi Lindsay, thanks for your feedback! So actually, the gnocchi I used from Trader Joe’s specifically had directions to first boil the gnocchi and then pan fry it. It turned out perfectly crisp on the outside and buttery on the inside. It might work differently with different types of gnocchi, and especially if you make the gnocchi from scratch the directions would be different. But for the packaged version I used, the directions I have in the recipe are the right ones! Thanks again!

    2. I made this for the first time and it came out great! It was pretty simply and tasted delicious! My whole family enjoyed it.5 stars

    3. This dish is AMAZING!!! My husband & I love your blog and have been cooking from it quite a bit lately; this has been my favorite recipe so far!5 stars

    4. I actually made this last week! I found it in a magazine and my kids are really into gnocchi lately. I posted a recipe on my FB page that my son came up with last night. My cousin Lisa told me about your blog and recipe. I have been looking around and it all looks very yummy.5 stars

    5. Often Gnocchi is served without vegetables, making it a guilty pleasure. This is a great comfort dish made healthy with the Spinach.5 stars

    6. I LOVE how everything can be bought at Trader Joe’s. I’m going to be posting a post very soon about making homemade pizza with everything from TJ’s 🙂 Onto serious business: this gnocchi dish is absolutely scrumptious and droolworthy ::drool::5 stars

      • oh! haha it’s extra virgin olive oil spray 🙂 You can find it at Trader Joe’s and other grocery stores. I love it – use it in most of my cooking – great substitute for regular extra virgin olive oil (EVOO)!

    7. Wow this looks great and is right on time. I cooked half a pack of gnocchi the other night and was trying to decide how I wanted to prepare the rest. Thanks!5 stars

    5 from 31 votes (3 ratings without comment)

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating





    Subscribe to newsletter

    Copyright 2024 The Picky Eater®, LLC. All rights reserved.