Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula

There’s something magical about turning a simple package of potato gnocchi into a crispy, golden bite that’s perfect for salads. This Roasted Gnocchi Salad is one of those recipes that feels fancy enough for guests but is easy enough to throw together on a busy weeknight. It’s colorful, fresh, and packed with textures that make every bite exciting.

I first made this salad when I wanted something lighter than pasta but still comforting enough to satisfy everyone around the table. The crispy roasted gnocchi quickly became the star of the show, and now it’s one of those recipes I come back to again and again. Whether you’re planning lunch, serving a summer dinner, or bringing a dish to a potluck, this salad fits right in.

With juicy tomatoes, creamy mozzarella, peppery arugula, crunchy pine nuts, and fragrant basil pesto, every ingredient works together beautifully. Best of all, it comes together in about 30 minutes with ingredients you can easily find at your local grocery store.

Why You’ll Love This Roasted Gnocchi Salad

  • Quick & Easy: Ready in about 30 minutes, making it perfect for busy weeknights.
  • Family-Friendly: Crispy gnocchi and creamy mozzarella are always crowd-pleasers.
  • Fresh & Flavorful: Every bite combines basil pesto, juicy tomatoes, peppery arugula, and toasted pine nuts.
  • Meal Prep Friendly: Prep the ingredients ahead and assemble just before serving for the best texture.
  • Easy to Customize: Add your favorite vegetables or protein to make it your own.
  • Perfect for Any Occasion: Great as a light dinner, hearty lunch, or colorful side dish for gatherings.

Ingredients You’ll Need

One of my favorite things about this recipe is how every ingredient brings something special to the bowl. Nothing complicated here—just fresh, flavorful ingredients that work beautifully together.

For the Roasted Gnocchi

  • 1 pound potato gnocchi
  • 2 tablespoons olive oil
  • ½ teaspoon salt
  • ¼ teaspoon black pepper

The olive oil helps the gnocchi become wonderfully crisp in the oven while keeping the inside soft and pillowy.

For the Salad

  • 1 cup cherry tomatoes, halved
  • 1 cup fresh mozzarella balls (bocconcini), halved
  • 2 cups arugula
  • ¼ cup toasted pine nuts
  • ½ cup basil pesto (store-bought or homemade)
  • 1 tablespoon balsamic glaze (optional)
  • ¼ teaspoon red pepper flakes (optional)

Easy Substitutions

  • Swap arugula for baby spinach or mixed greens.
  • Use shaved Parmesan instead of mozzarella for a saltier flavor.
  • Walnuts or slivered almonds work well if you don’t have pine nuts.
  • Homemade pesto is wonderful, but your favorite store-bought version saves time.
  • Add grilled chicken, shrimp, or chickpeas to turn this into a complete meal.

How to Make Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula

Making this Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula couldn’t be easier.

1. Roast the Gnocchi

Preheat your oven to 425°F (220°C) and line a baking sheet with parchment paper.

Toss the potato gnocchi with olive oil, salt, and black pepper until evenly coated. Spread them into a single layer so every piece gets crispy.

Roast for 15 to 20 minutes, flipping halfway through, until the gnocchi are golden brown and crisp on the outside.

Let them cool for a few minutes before adding them to the salad. This helps preserve that irresistible crunch.

2. Skillet Option

Don’t want to turn on the oven?

Heat 2 tablespoons of olive oil in a large skillet over medium-high heat.

Cook the gnocchi in a single layer for 8 to 10 minutes, stirring occasionally until they’re beautifully browned and crispy.

Transfer them to a plate to cool slightly.

3. Prepare the Salad

In a large serving bowl, combine:

  • Cherry tomatoes
  • Fresh mozzarella
  • Arugula

Gently toss everything together.

Add the roasted gnocchi along with the toasted pine nuts.

4. Toss with Pesto

Drizzle the basil pesto over the salad.

Use tongs or a large spoon to gently toss until everything is lightly coated.

Sprinkle with red pepper flakes if you’d like a little kick.

5. Finish and Serve

For an extra layer of flavor, drizzle with balsamic glaze.

Serve immediately while the gnocchi are still crisp, or let the salad rest for about 5 minutes so the flavors blend together beautifully.

Helpful Tips

  • The biggest secret to amazing roasted gnocchi is giving each piece plenty of room on the baking sheet. If they’re crowded, they’ll steam instead of crisp.
  • Don’t skip toasting the pine nuts. It only takes a few minutes, but it makes their nutty flavor much richer.
  • If your pesto is especially thick, stir in a teaspoon or two of olive oil before tossing it with the salad. It’ll coat everything more evenly.
  • Add the arugula last if you’re making the salad slightly ahead of time. This keeps the greens fresh and vibrant.
  • And here’s a little lesson I learned the hard way: keep an eye on those pine nuts while toasting! They seem to go from perfectly golden to “Oops!” in the blink of an eye.

Variations and Substitutions

  • This recipe is wonderfully flexible.
  • For extra protein, add grilled chicken, sliced steak, shrimp, or crispy roasted chickpeas.
  • Want even more vegetables? Roasted zucchini, asparagus, bell peppers, or red onions all fit right in.
  • For a Mediterranean twist, toss in sliced olives, artichoke hearts, and crumbled feta cheese.
  • If you like a little extra heat, increase the red pepper flakes or add a pinch of cayenne.
  • To make it nut-free, simply leave out the pine nuts and use a nut-free pesto if needed.
  • For a gluten-free version, use gluten-free potato gnocchi available at many grocery stores.

Storage and Reheating

  • This salad is best enjoyed fresh while the gnocchi are crispy.
  • If you have leftovers, store them in an airtight container in the refrigerator for up to 3 days.
  • For the best texture, store the roasted gnocchi separately from the salad ingredients whenever possible.
  • To reheat, warm the gnocchi in a skillet or air fryer for a few minutes to bring back some of their crispiness before combining them with the salad again.
  • You can also freeze roasted gnocchi by themselves for up to 2 months. Thaw overnight in the refrigerator and reheat before serving.
Roasted Gnocchi Salad with crispy potato gnocchi, cherry tomatoes, fresh mozzarella, arugula, basil, and toasted pine nuts
Fresh and flavorful Roasted Gnocchi Salad made with crispy roasted gnocchi, juicy cherry tomatoes, creamy mozzarella, peppery arugula, and basil for an easy 30-minute meal.

FAQs About Roasted Gnocchi Salad

Can I make this ahead of time?

Yes. Roast the gnocchi and prepare the salad ingredients ahead of time, but wait to combine everything until just before serving.

Can I use frozen gnocchi?

Absolutely. Roast them directly from frozen, adding a few extra minutes to the cooking time.

How long does the salad last?

Stored properly in the refrigerator, it will stay fresh for about 3 days, although the gnocchi will gradually soften.

Can I substitute another green?

Definitely. Baby spinach, spring mix, or chopped romaine all work well.

What protein pairs best with this salad?

Grilled chicken, shrimp, salmon, or even rotisserie chicken make delicious additions that turn the salad into a satisfying main course.

Before You Dig In

If you’re looking for a fresh, satisfying meal that’s packed with flavor without requiring hours in the kitchen, this Roasted Gnocchi Salad is one you’ll want to keep in regular rotation. Crispy gnocchi, creamy mozzarella, juicy tomatoes, peppery arugula, and fragrant pesto create a combination that’s simple, comforting, and always impressive.

I hope this recipe finds a spot at your table as often as it does at mine. If you give it a try, I’d love to hear how it turned out!

More Fresh Recipes You’ll Love

If you enjoyed this Roasted Gnocchi Salad, here are a few more fresh and flavorful recipes to add to your menu:

  • Try this Pesto Orzo Salad with Sundried Tomatoes for another pesto-packed side that’s perfect for picnics and meal prep.
  • Love the combination of mozzarella and fresh summer flavors? You’ll definitely want to make this Peach Burrata Arugula Salad next.
  • Looking for another light and refreshing side? This Cucumber Caesar Salad is crisp, creamy, and comes together in minutes.
  • If you’re craving another easy Italian-inspired meal, don’t miss this Bruschetta Pasta loaded with juicy tomatoes, fresh basil, and simple ingredients.

⭐ Made this recipe? I’d love to hear what you think! Please leave a 5-star rating and a review below. Your feedback helps other home cooks discover this recipe and inspires me to keep sharing easy, delicious meals for your family. Happy cooking!

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
Roasted Gnocchi Salad with crispy potato gnocchi, cherry tomatoes, fresh mozzarella, arugula, basil, and toasted pine nuts

Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Aneta
  • Total Time: 30 minutes
  • Yield: 4 servings 1x

Description

This Roasted Gnocchi Salad is a fresh, colorful dish featuring crispy roasted potato gnocchi tossed with basil pesto, juicy cherry tomatoes, creamy mozzarella, peppery arugula, and toasted pine nuts. Ready in just 30 minutes, it’s perfect for a light lunch, easy dinner, meal prep, or summer gatherings.


Ingredients

Scale

For the Roasted Gnocchi

  • 1 lb potato gnocchi
  • 2 tbsp olive oil
  • 1/2 tsp salt
  • 1/4 tsp black pepper

For the Salad

  • 1 cup cherry tomatoes, halved
  • 1 cup fresh mozzarella balls (bocconcini), halved
  • 2 cups arugula
  • 1/4 cup toasted pine nuts
  • 1/2 cup basil pesto (store-bought or homemade)
  • 1 tbsp balsamic glaze (optional)
  • 1/4 tsp red pepper flakes (optional)

Instructions

  1. Preheat the oven to 425°F (220°C) and line a baking sheet with parchment paper.
  2. Toss the gnocchi with olive oil, salt, and black pepper until evenly coated.
  3. Spread the gnocchi in a single layer and roast for 15–20 minutes, flipping halfway through, until golden and crispy.
  4. Allow the gnocchi to cool for about 5 minutes.
  5. In a large bowl, combine the cherry tomatoes, mozzarella balls, and arugula.
  6. Add the roasted gnocchi and toasted pine nuts.
  7. Drizzle the basil pesto over the salad and gently toss until evenly coated.
  8. Sprinkle with red pepper flakes if desired.
  9. Finish with a drizzle of balsamic glaze and serve immediately.

Skillet Method (Optional)

 

  • Heat 2 tablespoons olive oil in a large skillet over medium-high heat.
  • Cook the gnocchi for 8–10 minutes, stirring occasionally until golden and crispy.
  • Cool slightly before adding to the salad.

Notes

  • Let the gnocchi cool slightly before tossing with the salad so they stay crispy.
  • Toasting the pine nuts enhances their flavor and adds extra crunch.
  • Homemade pesto adds incredible freshness, but store-bought works perfectly for busy days.
  • Add grilled chicken, shrimp, salmon, or chickpeas for a heartier meal.
  • Store leftovers in the refrigerator for up to 3 days. For the best texture, keep the roasted gnocchi separate from the salad until serving.
  • This salad is best enjoyed fresh while the gnocchi are still crisp.
  • Prep Time: 10 minutes
  • Cook Time: 20 minutes
  • Category: Salad
  • Method: Roasting
  • Cuisine: Italian-inspired

Nutrition

  • Serving Size: 1 serving
  • Calories: 465 kcal
  • Sugar: 4 g
  • Sodium: 690 mg
  • Fat: 28 g
  • Saturated Fat: 7 g
  • Unsaturated Fat: 19 g
  • Trans Fat: 0 g
  • Carbohydrates: 42 g
  • Fiber: 3 g
  • Protein: 13 g
  • Cholesterol: 25 mg

Leave a Comment

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