Gnocchi Vegetarian Recipe with White Beans

Last Updated on February 9, 2022 by Ellen Christian

Craving a gnocchi vegetarian recipe? Gnocchi with white beans is one of my favorite vegetarian recipes! Make it for dinner tonight!

Posts may be sponsored. This post contains affiliate links, which means I will make a commission at no extra cost to you should you click through and make a purchase. As an Amazon Associate I earn from qualifying purchases.

We are definitely meat eaters in my home, but every now and then, we like to have meatless meals to keep our budget under control. Since beans are high in fiber, they really help fill you up which is why this makes a great meal.

Gnocchi Recipe: Gnocchi with White Beans [Vegetarian Recipe]

Gnocchi Vegetarian Recipe

This is a super easy vegetarian meal to make.  Everything is cooked in one pan and it can be ready in about 15 minutes. If you’re running late for dinner, this is a great choice. This is the first gnocchi recipe I’ve tried and it was really easy.  I started with fresh gnocchi found in the grocery store near the fresh pasta. If you like to make your own, you could certainly do that as well.

One of the reasons that I love this gnocchi vegetarian recipe is that it is loaded with vegetables. You can make it as a side dish. But, you can also easily make it as a main dish because it has white beans for a protein option.

Gnocchi Vegetarian Recipe with White Beans

If you have time, you can start with fresh vegetables. But, if it’s a busy night, you can easily use canned or frozen vegetables instead. 

Tools to make this Gnocchi vegetarian recipe

Large covered skillet – You’ll want a large covered skillet to make this. I love one-pan meals because they are easy to clean up after. If you get a non-stick skillet, the cleanup process is even easier.

Gnocchi maker – If you want to make your own gnocchi recipes, you will need a gnocchi maker. I’m considering this one because it’s so easy to clean afterward. Or, buy the potato gnocchi already prepared.

Gnocchi Recipe: Gnocchi with White Beans [Vegetarian Recipe]

If you have fresh spinach growing in the garden, you can grab a handful of baby spinach from there. Otherwise, you can pick some up at the farmer’s market or buy a bag of baby spinach at the grocery store. I prefer baby spinach in this recipe rather than full-grown because the taste is more mellow. You can go ahead and toss in some chopped mushrooms too if you like.

What is gnocchi?

Gnocchi is basically small dumplings that are made from flour, potatoes, egg, cheese, breadcrumbs, etc. There are quite a few different varieties you can find in the store. I would really love to try making my own from scratch someday when I have more time. Thankfully, I can buy them ready-made at the store when I want to make this gnocchi vegetarian recipe.

Gnocchi Vegetarian Recipe with White Beans

Is gnocchi better for you than pasta?

Gnocchi really isn’t better or worse than pasta. Pasta tends to have protein in it which gnocchi does not. Gnocchi is often lower in carbs. But, because they are smaller, you often eat more of them than you do of pasta.

Sides for this gnocchi vegetarian recipe

More recipes to try

If you enjoyed this gnocchi vegetarian recipe, you might want to try these.

Yield: 4

Gnocchi Vegetarian Recipe with White Beans

Gnocchi Vegetarian Recipe with White Beans

Craving a gnocchi vegetarian recipe? Gnocchi with white beans is one of my favorite vegetarian recipes! Make it for dinner tonight!

Prep Time 10 minutes
Cook Time 15 minutes
Total Time 25 minutes


  • 1 medium onion, chopped
  • 1 tablespoon olive oil
  • 2 garlic cloves, minced
  • 1 package (16 ounces) potato gnocchi
  • 1 can (15 ounces) cannellini beans, rinsed & drained
  • 6 ounces of fresh baby spinach
  • 1 can of Italian diced tomatoes, undrained (14 1/2 ounces)
  • 1/4 teaspoon pepper
  • 3 tablespoons grated Parmesan cheese
  • 1/2 cup shredded part-skim mozzarella cheese


  1. In a large skillet, saute onion in oil until tender. Add the garlic; cook one minute longer.
  2. Add gnocchi; cook and stir for 5 or 6 minutes or until golden brown. Stir in spinach; cook until wilted.
  3. Add the beans, tomatoes, and pepper; heat through. Sprinkle with cheese, cover, and remove from heat. Let stand for 3-4 minutes or until cheese is melted.

Nutrition Information:



Serving Size:


Amount Per Serving: Calories: 213Total Fat: 5gSaturated Fat: 1gTrans Fat: 0gUnsaturated Fat: 4gCholesterol: 15mgSodium: 465mgCarbohydrates: 32gFiber: 5gSugar: 8gProtein: 12g

Did you make this recipe?

If you make this, tag me on Instagram so I can see @ellenblogs

4 thoughts on “Gnocchi Vegetarian Recipe with White Beans”

  1. I love Gnocci and Love Beans, so this sounds like a win win to me and perfect for my meatless monday! Thanks for sharing!
  2. I love gnocchi, but usually pair with pesto (which my kids hate). Definitely going to try this recipe, hoping kids will like. 
  3. The gnocchi looks delicious. I have only tried it once before, I think I will have to give this recipe a try too!

Leave a Comment

Rate this recipe:
Skip to Recipe