Roasted Gnocchi Basil Pesto Salad

Category: Fresh and Vibrant Salads for Every Season

Roasted gnocchi pairs beautifully with basil pesto, sweet cherry tomatoes, and creamy mozzarella in this vibrant salad. Peppery arugula adds fresh bite, and toasted pine nuts give satisfying crunch. This dish comes together easily with a quick roast and minimal prep, making it perfect for busy evenings or relaxed summer meals. The balsamic glaze and red pepper flakes provide optional layers of flavor, adding a touch of sweetness and subtle heat. Serve this salad warm or at room temperature—ideal for gatherings, picnics, or a satisfying weeknight dinner.

Recipes Fives Halima
Created by Mary Loxip Mary Loxip
Last updated on Sun, 01 Mar 2026 05:15:42 GMT
A bowl of roasted gnocchi salad with basil pesto, tomatoes, mozzarella, and arugula. Pin
A bowl of roasted gnocchi salad with basil pesto, tomatoes, mozzarella, and arugula. | panbite.com

This roasted gnocchi salad transforms humble potato dumplings into crispy golden pillows that become the foundation for a vibrant meal combining peppery arugula, creamy mozzarella, and bright basil pesto. It's the kind of dish that looks fancy enough for company but comes together quickly enough for a Tuesday night dinner when you want something special without the fuss.

I stumbled upon roasting gnocchi instead of boiling it about five years ago when I was running late for a potluck and needed a shortcut. The crispy exterior with that pillowy inside was such a happy accident that I've never gone back to traditional preparation for salads. Now my friends specifically request this dish for summer gatherings, and I've made it so many times I can practically do it with my eyes closed.

Gather Your Ingredients

  • 1 lb potato gnocchi: Look for shelf stable gnocchi in the pasta aisle or fresh from the refrigerated section. The shelf stable variety actually crisps up better when roasted. Check that potato is the first ingredient listed for the best texture and flavor.
  • 2 tbsp olive oil: This helps achieve that golden crispy exterior on the gnocchi. Use regular olive oil rather than extra virgin since you'll be heating it to high temperatures and don't want to waste the delicate flavors.
  • 1/2 tsp salt: Seasons the gnocchi during roasting so the flavor penetrates throughout rather than just sitting on the surface.
  • 1/4 tsp black pepper: Freshly ground makes a noticeable difference here since it's one of the few seasonings on the gnocchi itself.
  • 1 cup cherry tomatoes halved: Choose tomatoes that feel heavy for their size and have a sweet smell at the stem end. I prefer the mixed heirloom varieties for color but regular cherry tomatoes work beautifully too.
  • 1 cup fresh mozzarella balls bocconcini halved: These small mozzarella balls are usually packed in water or brine. Drain them well and pat dry before halving so they don't water down your salad.
  • 2 cups arugula: The peppery bite cuts through the richness of the cheese and pesto perfectly. Look for bright green leaves without any yellowing or wilting.
  • 1/4 cup toasted pine nuts: These add a buttery crunch that complements the pesto beautifully. You can buy them pre toasted or toast raw ones yourself for fresher flavor.
  • 1/2 cup basil pesto store bought or homemade: Good quality pesto should be bright green with visible basil pieces. If the oil has separated just stir it back together before using.
  • 1 tbsp balsamic glaze optional for drizzling: This is the thick syrupy reduction not regular vinegar. It adds a sweet tangy finish that really makes the dish pop.
  • 1/4 tsp red pepper flakes optional for heat: Just a small amount adds warmth without overwhelming the other flavors.

How to Make It

Preheat and Prepare Your Baking Sheet:
Set your oven to 425°F and position the rack in the upper third of the oven where the heat is most intense for optimal crisping. Line a large rimmed baking sheet with parchment paper or lightly coat it with cooking spray. This prevents sticking and makes cleanup much easier later. Make sure you use a baking sheet with sides rather than a flat cookie sheet because the gnocchi will roll around as you toss them.
Prepare the Gnocchi for Roasting:
Open your package of gnocchi and spread them out on a clean kitchen towel for about 5 minutes to air dry slightly. This step might seem unnecessary but that little bit of surface drying helps them crisp up instead of steam. Transfer the gnocchi to your prepared baking sheet and drizzle with the 2 tablespoons of olive oil. Sprinkle the salt and black pepper evenly over top. Use your hands to toss everything together making sure each piece of gnocchi is lightly coated with oil. Spread them out in a single layer with a little breathing room between each piece. Crowding them will cause steaming instead of roasting.
Roast Until Golden and Crispy:
Place the baking sheet in your preheated oven and set a timer for 20 to 25 minutes. At the 12 minute mark pull the pan out and use a spatula to flip and toss the gnocchi around. This ensures even browning on all sides. You'll notice they start to puff up slightly and develop golden brown spots. They're done when most pieces have crispy golden exteriors and make a slight hollow sound when you tap them with your spatula. Some pieces will be more golden than others and that's perfectly fine because it adds textural variety to the finished salad.
Cool the Gnocchi Slightly:
Remove the baking sheet from the oven and let the gnocchi cool for about 5 minutes right on the pan. They'll continue to crisp up a bit more as they cool. Don't skip this cooling time because if you add hot gnocchi directly to the arugula it will wilt too much and the mozzarella will start to melt when you want it to stay in distinct creamy pieces.
Toast the Pine Nuts if Needed:
If your pine nuts aren't already toasted place them in a dry skillet over medium low heat. Shake the pan frequently and watch them like a hawk because they go from perfectly golden to burnt in seconds. This should take about 3 to 4 minutes total. You'll smell a nutty aroma when they're ready and they'll turn light golden brown. Immediately transfer them to a plate to stop the cooking process.
Assemble the Salad Base:
In a large serving bowl place your 2 cups of arugula. Add the halved cherry tomatoes and halved mozzarella balls. If you cut the tomatoes ahead of time keep them separate until this step so they don't release too much liquid and make everything soggy. The mozzarella should be patted dry with paper towels if it seems wet from the packaging liquid.
Add the Warm Gnocchi:
Transfer your slightly cooled but still warm gnocchi to the bowl with the arugula mixture. The residual heat will very gently wilt the arugula just enough to make it tender while keeping its peppery flavor and bright green color. Toss everything together gently with your hands or two large spoons being careful not to break up the mozzarella balls.
Dress with Pesto:
Spoon the basil pesto over the salad. Start with about half of it and toss gently to coat everything. Check the coverage and add more pesto as needed until every component has a light coating of that vibrant green sauce. You want enough to flavor everything without drowning the ingredients. The pesto should cling to the crispy gnocchi crevices and lightly coat the leaves.
Add Final Touches:
Sprinkle the toasted pine nuts over the top of the salad. If you're using the optional balsamic glaze drizzle it artistically over the top in a back and forth motion. For those who like heat add the red pepper flakes now sprinkling them evenly across the surface. Give everything one final gentle toss or leave the toppings on top for a prettier presentation if you're serving this to guests.
Serve Immediately or at Room Temperature:
This salad is at its absolute best served within 30 minutes of assembly when the gnocchi still has some crispness and the arugula is just barely wilted. That said it also holds up remarkably well at room temperature for up to 2 hours which makes it perfect for potlucks or picnics. The flavors actually meld and develop as it sits.
A bowl of roasted gnocchi salad with basil pesto, tomatoes, mozzarella, and arugula.
A bowl of roasted gnocchi salad with basil pesto, tomatoes, mozzarella, and arugula. | panbite.com

The basil pesto is really the star ingredient that ties everything together in this dish. I've experimented with different store bought brands and homemade versions and honestly a good quality jarred pesto works perfectly well here saving you time and effort. My favorite memory with this salad was bringing it to my sister's baby shower where three different people asked for the recipe before they'd even finished eating. One guest told me a week later that she'd already made it twice because her kids who normally refuse salads devoured it. There's something about those crispy gnocchi that makes even veggie skeptics enthusiastic.

Flavor Boosters

This salad is best enjoyed fresh but you can store leftovers in an airtight container in the refrigerator for up to 2 days. The gnocchi will lose its crispiness and soften as it sits in the dressing which isn't necessarily bad just different. It becomes more like a traditional pasta salad texture. If you know you'll have leftovers consider keeping the components separate and only dressing what you'll eat immediately.

Store the roasted gnocchi in one container and the arugula tomato mozzarella mixture in another with the pesto in a small separate container. This way you can assemble fresh portions as needed over the next couple days.

The assembled salad doesn't freeze well due to the fresh mozzarella and arugula which both become watery and lose their texture when thawed. However you can freeze the roasted gnocchi by itself for up to one month. Spread the cooled roasted gnocchi on a baking sheet and freeze until solid then transfer to a freezer bag. Reheat in a 400°F oven for about 10 minutes to recrisp before using in the salad.

Serving Suggestions

This salad works wonderfully as a complete light lunch for four people or as a side dish for six to eight when served alongside grilled meats. It pairs beautifully with grilled chicken, steak, or fish making it perfect for summer cookouts. I love serving it with simple grilled salmon where the richness of the fish complements the bright fresh flavors of the salad.

For a vegetarian meal serve larger portions alongside some crusty bread and maybe a simple soup like tomato or minestrone. The salad has enough protein and substance to be satisfying on its own but the bread is perfect for soaking up any extra pesto that pools at the bottom of your bowl.

It's an excellent potluck contribution because it travels well and looks impressive on a buffet table. Transfer it to a large shallow serving platter rather than a deep bowl so guests can see all the colorful components. Bring the balsamic glaze in a small squeeze bottle and drizzle it fresh at the venue for the prettiest presentation.

Creative Twists

If you can't find or don't like arugula try baby spinach for a milder flavor or spring mix for variety. Kale works too but massage it first with a little olive oil to tenderize the tough leaves. For a more substantial meal add grilled chicken breast sliced thin or crispy prosciutto torn into pieces.

Swap the pine nuts for toasted walnuts or slivered almonds if pine nuts are too expensive or you have an allergy. Sunflower seeds work as a nut free option and add a similar crunch. The mozzarella can be replaced with cubed fresh provolone or even crumbled feta for a tangier flavor profile though this changes the character of the dish quite a bit.

Sun dried tomatoes can replace or supplement the cherry tomatoes for a more intense tomato flavor. If using the oil packed kind drain them well and maybe reduce the olive oil in the recipe slightly. Try adding other roasted vegetables like zucchini or bell peppers alongside the gnocchi for extra nutrition and color.

Can't find potato gnocchi? Sweet potato gnocchi works beautifully and adds a subtle sweetness. Cauliflower gnocchi is a lower carb option though it tends to be more delicate and may not crisp quite as well. Regular pasta like orecchiette or fusilli can work in a pinch but you'll need to boil it first and the dish loses that special crispy texture that makes it unique.

During peak summer when tomatoes are at their best use a mix of heirloom cherry tomatoes in different colors for a gorgeous presentation. Add fresh corn kernels cut straight from the cob for sweetness and summer vibes. A handful of fresh basil leaves torn and tossed in with the arugula amplifies the pesto flavors.

In fall swap the cherry tomatoes for roasted butternut squash cubes tossed with the gnocchi. Add dried cranberries and substitute the arugula with baby kale for heartier greens that match the season. Toasted pecans instead of pine nuts give it an autumn feel.

Winter calls for roasted Brussels sprouts halves cooked alongside the gnocchi. Add pomegranate arils for bright pops of color and tartness. Use heartier winter greens and maybe add some crispy pancetta for extra richness during the colder months.

Spring is perfect for adding blanched asparagus pieces and fresh peas. Toss in some lemon zest with the pesto to brighten everything up. Fresh mint leaves mixed with the arugula add a springtime freshness that's absolutely delightful.

A bowl of roasted gnocchi salad with basil pesto, tomatoes, mozzarella, and arugula.
A bowl of roasted gnocchi salad with basil pesto, tomatoes, mozzarella, and arugula. | panbite.com

This salad is sure to win over even the pickiest eaters with its crispy, vibrant, and fresh flavors. Give it a try and watch it become a fast favorite for weeknights and gatherings alike.

Common Questions About This Recipe

→ How can I keep gnocchi crisp in the salad?

Roast the gnocchi in a single layer with olive oil until golden and slightly crisp, then cool briefly before tossing with other ingredients to retain texture.

→ Can I use homemade pesto instead of store-bought?

Absolutely! Use your favorite homemade basil pesto for a fresher, more intense flavor, or substitute with other pestos like arugula or sun-dried tomato if desired.

→ What type of mozzarella is best?

Fresh mozzarella balls (bocconcini) are ideal for their creamy texture and mild flavor. Slice or halve them for better distribution in the salad.

→ Is this salad best served warm or cold?

This salad can be enjoyed warm right after assembly, or served at room temperature for a refreshing, summery meal. Avoid refrigerating for best texture.

→ How can I add more protein to the dish?

Grilled chicken, sliced steak, or chickpeas pair well for added protein, making the salad more filling and balanced as a main course.

Roasted Gnocchi Basil Pesto Salad

Savor roasted gnocchi with basil pesto, juicy tomatoes, mozzarella, and fresh arugula—perfect for summer gatherings or weeknight dinners. Try toasted pine nuts for crunch. Save & click.

Preparation Time
35 minutes
Cooking Time
25 minutes
Complete Time
60 minutes
Created by Mary Loxip: Mary Loxip

Type of Recipe: Salads

Level of Skill: Perfect for Beginners

Cultural Cuisine: Italian

Serves: 4 Portion Size (4 generous salad portions)

Dietary Needs: Suitable for Vegetarians

What You Need

→ Main Components

01 1 pound potato gnocchi
02 2 tablespoons olive oil
03 1/2 teaspoon salt
04 1/4 teaspoon freshly ground black pepper
05 1 cup cherry tomatoes, halved
06 1 cup fresh mozzarella balls (bocconcini), halved
07 2 cups arugula
08 1/4 cup toasted pine nuts
09 1/2 cup basil pesto
10 1 tablespoon balsamic glaze (optional, for drizzling)
11 1/4 teaspoon red pepper flakes (optional)

How to Make It

Step 01

Preheat the oven to 425°F. Lightly grease a large baking sheet with a small amount of olive oil.

Step 02

Spread the potato gnocchi evenly on the prepared baking sheet. Drizzle with 2 tablespoons olive oil, season with salt and black pepper, and toss to coat well.

Step 03

Roast the gnocchi in the oven for 20-25 minutes, turning them once halfway, until golden brown and slightly crisp.

Step 04

Transfer the roasted gnocchi to a large bowl. Add cherry tomatoes, halved mozzarella balls, arugula, and toasted pine nuts.

Step 05

Add the basil pesto and gently toss until all ingredients are evenly coated. Adjust seasoning with additional salt and pepper to taste.

Step 06

Arrange the salad on a serving platter. If desired, drizzle with balsamic glaze and sprinkle with red pepper flakes before serving.

Extra Tips

  1. Roasting gnocchi intensifies their flavor and creates a pleasing contrast in texture. Best served warm or at room temperature.

Tools You'll Need

  • Oven
  • Large baking sheet
  • Mixing bowl
  • Serving platter

Allergen Information

Always review ingredients for possible allergens and consult a healthcare provider if unsure.
  • Contains dairy (mozzarella, pesto). Contains pine nuts (tree nut allergen). Gnocchi may contain gluten depending on brand.

Nutritional Details (Per Serving)

These facts are provided as informational and aren't a substitute for professional advice.
  • Calories: 350
  • Fat Content: 18 grams
  • Carbohydrate Content: 30 grams
  • Protein Content: 15 grams