A warm, golden gnocchi tossed with bright pesto and peppery arugula is the kind of salad that feels like summer and comfort food at once. It comes together fast and keeps well for lunches all week.
This Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula is flexible enough for a picnic or to serve with a roast chicken. Small tweaks change the mood from light and herbaceous to rich and nutty.
You’ll find tips, troubleshooting cues, and small science notes below to make it perfect on the first try. Try pairing it with bright roasted salads like this one for a seasonal spread: bright roasted salads like our beet and carrot salad.
Why You’ll Love This Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
- Crispy-roasted gnocchi with chewy centers for irresistible texture contrast.
- Fresh basil pesto ties the components together with herbal richness.
- Juicy cherry tomatoes lend acidity to balance the cheese and oil.
- Peppery arugula adds a leafy bite without weighing the dish down.
- Fast to make and easy to scale for weeknight dinners or potlucks.
- Toasted pine nuts provide a toasty crunch and depth.
- Easy to adapt with pantry staples or to make vegetarian-friendly.
The taste is herb-forward, with basil pesto giving a fragrant, green backbone. Texturally, roasted gnocchi are crisp at the edges and pillowy inside, while tomatoes and mozzarella add juiciness and a mild, milky counterpoint.
“Made this for a summer lunch and everyone asked for the recipe — the gnocchi gets perfectly crisp and the pesto ties it all together. 5 stars!”
Key Ingredients for Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
Potato Gnocchi (1 lb)
Gnocchi is the structural star: it roasts well and absorbs pesto while offering a soft interior. Buy high-quality fresh refrigerated gnocchi for the best texture; frozen or dense store-bought varieties can become gummy if overcooked. If you substitute with homemade gnocchi, keep dough light and avoid overworking to preserve pillowy interiors.
Basil Pesto (1/2 cup)
Pesto provides concentrated herb, nut, and cheese flavor that coats the gnocchi and salad elements. Use a fresh-tasting store-bought jar if short on time, but homemade pesto (bright basil, good Parmesan, toasted pine nuts, and olive oil) elevates the dish. Swap pesto for chimichurri or a sun-dried tomato spread for a different flavor profile, but note the dressing will change acidity and salt levels.
Cherry Tomatoes (1 cup, halved)
Cherry tomatoes add brightness, acid, and juiciness to cut through the rich pesto and mozzarella. Choose firm, glossy tomatoes with a sweet aroma; taste one before buying. If tomatoes are out of season, oven-roast them briefly to concentrate flavor or use halved grape tomatoes for similar results.
Fresh Mozzarella Balls (1 cup, bocconcini, halved)
Bocconcini provide a creamy, milky texture that contrasts roasted gnocchi. Look for full-fat fresh mozzarella stored in liquid for optimal flavor and melt resistance. If you substitute with shredded low-moisture mozzarella, the salad will be less creamy and more melty; burrata can make it richer but will soften the salad structure.
Full Ingredient List for Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
- 1 lb potato gnocchi
- 2 tbsp olive oil
- 1/2 tsp salt
- 1/4 tsp black pepper
- 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, for drizzling)
- 1/4 tsp red pepper flakes (optional, for heat)
Step-by-Step Instructions for Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
Step 1: Roast the Gnocchi (Oven Method)
Preheat the oven to 425°F (220°C). Toss the gnocchi with 2 tablespoons olive oil, 1/2 teaspoon salt, and 1/4 teaspoon black pepper on a rimmed baking sheet in a single layer. Roast for 15–20 minutes, flipping once, until the gnocchi are golden and crisp at the edges with tender centers.
Pro Tip: Look for deep golden-brown edges and a slightly blistered surface; they should feel firm to the touch but give slightly when pressed.
Step 2: Alternative: Skillet Roasting
Heat 2 tablespoons olive oil in a large nonstick or cast-iron skillet over medium-high heat. Add gnocchi in a single layer and cook, undisturbed, for 3–4 minutes until a crust forms, then shake or flip to brown the other sides. Finish with a sprinkle of salt and transfer to a bowl when all sides are evenly browned.
Pro Tip: The visual cue is a golden crust all over; you should hear a soft sizzle while browning.
Step 3: Prepare the Salad Base
In a large bowl, combine halved cherry tomatoes, halved bocconcini, and 2 cups arugula. Add the warm roasted gnocchi so it begins to absorb flavor but won’t wilt delicate greens too much. Toss gently to combine ingredients before adding pesto.
Pro Tip: Tomatoes should look glossy and juicy; arugula should remain bright green and not wilted.
Step 4: Toss with Basil Pesto
Spoon 1/2 cup basil pesto over the warm gnocchi and vegetables. Toss until pieces are lightly and evenly coated; add a few tablespoons of reserved pasta water or warm water if needed to loosen the pesto into a glossy coating. Taste and adjust salt or pepper.
Pro Tip: The pesto should form a thin, glossy sheen on pieces rather than pooling; you should smell fresh basil and Parmesan.
Step 5: Finishing Touches
Scatter 1/4 cup toasted pine nuts and 1/4 teaspoon red pepper flakes if using. Drizzle 1 tablespoon balsamic glaze over the salad for sweetness and acidity. Serve immediately while gnocchi are still warm, or chill briefly for a room-temperature salad.
Pro Tip: Pine nuts should be fragrant and light brown; the balsamic glaze should bead over the surface rather than soak in.
Expert Tips for Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
- Let the gnocchi dry slightly before roasting to encourage browning; a 10-minute rest on a paper towel helps.
- For crisp edges, use a hot oven (425°F/220°C) and don’t overcrowd the pan; space is critical for airflow.
- If gnocchi becomes gummy, it’s often from excess moisture or overcrowding; drain and blot, then roast in batches.
- Use a nonstick or well-seasoned cast-iron pan for skillet roasting to prevent tearing delicate gnocchi.
- Toast pine nuts over low heat until aromatic and pale golden; watch them closely—nuts burn fast.
- For temperature balance, toss warm gnocchi with room-temperature pesto so greens don’t wilt excessively.
- Avoid over-salting if your pesto is store-bought; taste as you go and adjust final seasoning.
- Common mistake: adding pesto to very hot gnocchi can darken the basil and mute flavor; cool slightly before tossing.
Incorporate technique ideas from similar creamy preparations to improve texture and finish: technique ideas from creamy gnocchi recipes.
Storage & Freezing for Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
Fridge storage: Place in an airtight container and refrigerate up to 3 days. Keep dressing or pesto slightly separate if you want to preserve texture longer; add before serving. Use a shallow airtight container to cool faster and keep tomatoes from making the salad watery.
Freezer storage: This salad is not ideal for freezing due to the fresh mozzarella and arugula. If you must, freeze roasted gnocchi alone in a single layer on a sheet tray until solid, then transfer to a freezer bag for up to 2 months. Thaw gnocchi in the fridge overnight and re-crisp in a hot skillet.
Thawing & reheating: Reheat frozen or refrigerated gnocchi in a skillet over medium heat with a drizzle of olive oil to restore crispness. Add mozzarella and arugula fresh after reheating to preserve texture and flavor. For make-ahead lunches, keep pesto in a separate small container and toss when ready to eat.
For specific reheating techniques and timing, see quick reheating tips here: quick reheating tips.
Variations & Substitutions for Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
Lemon Garlic Pesto Swap: Replace basil pesto with lemon-garlic parsley pesto for a brighter, citrusy flavor. The salad becomes fresher and lighter, and the lemon sharpness cuts through the richness of the cheese.
Burrata Upgrade: Substitute burrata for bocconcini and add it last so it stays creamy and slightly warm. This yields a decadent, silky center that turns the salad into a centerpiece dish.
Protein Boost: Add grilled chicken, shrimp, or chickpeas for a heartier meal. Grilled lemon chicken pairs particularly well; toss in warm slices so the pesto clings to the protein.
Nut-Free Version: Omit pine nuts and replace with toasted sunflower seeds or pepitas for crunch without tree nuts. The texture remains satisfying though the taste will be less buttery and slightly more vegetal.
Frequently Asked Questions About Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
Q: Can I make this salad ahead of time for a party?
A: Yes. Roast the gnocchi and store it separately from the greens and cheese for up to 24 hours. Assemble and toss with pesto no more than 1 hour before serving to keep arugula crisp and mozzarella from becoming waterlogged.
Q: How do I prevent gnocchi from becoming soggy when roasting?
A: Use a hot oven and space the gnocchi so air circulates; avoid crowding. Pat dry any fresh gnocchi before oiling. If you see steam building on the pan, remove a few pieces and finish in batches.
Q: Is store-bought pesto okay, or should I make it?
A: Store-bought pesto is perfectly fine and convenient; choose a high-quality jar with fresh-tasting basil and good olive oil. Homemade pesto offers brighter aroma and can be adjusted for salt, cheese, and nut content if you want a custom flavor.
Q: Can I use frozen gnocchi?
A: Yes, but thaw and pat dry before roasting to eliminate extra moisture. Frozen gnocchi may take slightly longer to brown and can be more delicate, so monitor closely during roasting or opt for skillet method.
Q: What should I serve with this salad?
A: Serve as a main with grilled protein or as a side to roasted vegetables and crusty bread. For a composed summer meal, a light white wine or sparkling water with lemon complements the pesto and tomatoes well.
Final Thoughts on Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
This Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula is an effortless weeknight winner and a showy side for gatherings. Please leave a star rating in the recipe card below and pin this to your boards.
For more roasted gnocchi inspiration, check out a Sheet Pan Gnocchi with Roasted Tomatoes, Arugula and Burrata recipe Sheet Pan Gnocchi with Roasted Tomatoes, Arugula and Burrata, a bright riff on pesto-and-tomato gnocchi Gnocchi with Pesto and Charred Cherry Tomatoes, and a creative potato salad that uses arugula pesto for a similar herb-forward finish Arugula Pesto Potato Salad.
