This Crispy Gnocchi Caprese Salad with a bright pesto dressing is an easy and delicious way to turn a package of gnocchi into a summery side dish. The little pillowy dumplings get roasted or air-fried until golden and crisp on the outside while remaining soft and tender inside — the contrast is irresistible.
One helpful tip: you can skip boiling the gnocchi before crisping. High, dry heat drives moisture off the surface so the starch forms a golden shell. The interior stays tender, giving you pan-fried texture without the stove-top fuss.
If you enjoy fresh, caprese-style flavors, try similar salads and bowls that highlight ripe tomatoes, creamy mozzarella, and herbs. This recipe is flexible and pairs well with many summer mains.
Gnocchi Salad Ingredients
Just a handful of fresh, summery ingredients bring this salad together quickly.
- Gnocchi: shelf-stable or fresh potato gnocchi both work well.
- Olive oil: to lightly coat the gnocchi before roasting.
- Pesto: the base of the dressing, jarred or homemade basil pesto.
- Extra-virgin olive oil: loosens the pesto into a silky dressing.
- Cherry tomatoes: halved, for sweet, juicy bursts.
- Baby bocconcini: small fresh mozzarella balls that stay creamy.
- Kosher salt and black pepper: to season the gnocchi and the dressing.
Full ingredient quantities are listed in the recipe card below.
Variations and Substitutions
This recipe is forgiving and easy to adapt to what you have on hand.
- Make it caprese: add torn fresh basil and a drizzle of balsamic glaze.
- Swap the cheese: use cubed fresh mozzarella or crumbled feta if you prefer.
- Add greens: toss in arugula or baby spinach for extra color and bite.
- Change the pesto: sun-dried tomato pesto gives a deeper, tangy flavor.
- Add protein: stir in grilled chicken, shrimp, or white beans to make it a main course.
Grab These Tools
You only need a few basics to make this dish.
- Air fryer or sheet pan: either method crisps the gnocchi nicely.
- Large serving bowl: for mixing the dressing and tossing the salad.
- Whisk: to emulsify the pesto and olive oil into a smooth dressing.
- Parchment paper: helps the gnocchi release easily when roasting on a sheet pan.
How to Make Gnocchi Salad: An Easy Guide
This comes together in about 40 minutes, most of it hands-off while the gnocchi crisps.
Crisp the Gnocchi
Preheat an air fryer to 400°F (200°C) or an oven to 425°F (220°C). Toss the gnocchi with 1 tablespoon olive oil, a pinch of kosher salt, and fresh-cracked black pepper. Spread in a single layer.
Air fry for 12–15 minutes, shaking the basket every few minutes, or roast on a parchment-lined baking sheet for 25–30 minutes, stirring halfway through. Cook until the gnocchi are deeply golden and crisp on the outside and tender inside.
Make the Pesto Dressing
While the gnocchi cooks, whisk together 1/4 cup pesto, 1/4 cup extra-virgin olive oil, and 3/4 teaspoon kosher salt in a large bowl until smooth and pourable. Add the halved cherry tomatoes and bocconcini, tossing gently so they are lightly coated.
Toss and Serve
Let the gnocchi rest for about 5 minutes after cooking so the surface stays crisp. Add the warm gnocchi to the bowl with the dressing, then toss gently to coat each piece.
Taste and adjust seasoning with additional salt and pepper if needed. Serve immediately while the gnocchi is still golden and warm for the best texture.
5 Common Mistakes to Avoid
Avoid these common pitfalls to get perfectly crisp gnocchi:
- Boiling first: parboiling can make gnocchi gummy and prevent crisping.
- Crowding the pan: give each piece space so they brown instead of steam.
- Not shaking or stirring: turning the gnocchi ensures all sides get golden.
- Dressing while too hot: let the gnocchi rest a few minutes so the shell remains crunchy.
- Under-seasoning: season the gnocchi and dressing in layers for a well-balanced flavor.
Make Ahead and Storage
This salad is best fresh, but parts can be prepped ahead to save time on a busy day.
Prep Ahead
- Dressing: whisk the pesto and oil up to 3 days ahead and keep chilled.
- Tomatoes: halve and store them covered in the fridge for a day.
- Gnocchi: roast just before serving so it remains crisp; reheated gnocchi will soften.
Storing Leftovers
- Fridge: keep leftovers in an airtight container for up to 2 days.
- Texture changes: once dressed, gnocchi softens and becomes more like a pasta salad.
- Refresh: a squeeze of lemon or a drizzle of olive oil brightens leftovers.
What to Serve with Gnocchi Salad
This salad is versatile: serve it as a hearty side or a light main. It pairs particularly well with grilled foods.
Mains to Pair With
- Grilled chicken: simple, juicy grilled chicken complements the pesto and cheese.
- Steak: a grilled or pan-seared steak makes the meal feel special.
- Vegetables: smoky grilled eggplant or charred zucchini keeps the plate meatless and satisfying.
More Summer Sides
Add a few more easy sides for a full cookout spread: light salads, simple slaws, or grilled vegetables round out the menu.
Tips for the Best Crispy Gnocchi Salad
- Use dry heat: roasting or air-frying removes surface moisture so the starch crisps.
- Toss while warm: warm gnocchi absorbs the dressing more evenly and tastes better.
- Choose ripe tomatoes: summer cherry tomatoes add natural sweetness and bright acidity.
- Season in layers: salt the gnocchi lightly before cooking and season the dressing separately.
- Finish with herbs: torn fresh basil elevates the caprese flavors.
Frequently Asked Questions
Here are concise answers to common questions about this gnocchi salad.
A gnocchi salad uses cooked gnocchi in place of pasta. In this recipe the gnocchi is roasted until crisp, then tossed with a pesto dressing, cherry tomatoes, and bocconcini for a warm Italian-style summer side.
No. Roasting or air-frying gnocchi directly from the package yields a golden, crisp exterior. Boiling first can make it gummy and prevent crisping.
Serve it warm or at room temperature right after tossing for the best texture. Leftovers chilled will eat more like a traditional cold pasta salad.
A simple pesto dressing — pesto whisked with extra-virgin olive oil and salt — is ideal. It clings to the warm gnocchi and complements the tomatoes and cheese.
Prep components ahead (dressings and tomatoes), but roast the gnocchi last and toss just before serving so it stays crisp.
No. This version uses a bright pesto and olive oil dressing rather than a mayonnaise-based sauce.
Shelf-stable potato gnocchi crisps up beautifully, and fresh or refrigerated gnocchi also work. Use what you can find locally.
Yes — add torn fresh basil and a drizzle of balsamic glaze to highlight classic caprese flavors.
Other Summer Salads You’ll Love
- Caprese Pasta Salad
- Israeli Salad
- A collection of summer salads, slaws, and pasta salads for cookouts and gatherings
Crispy Gnocchi Caprese Salad (with Pesto Dressing)
This crispy gnocchi salad tosses golden roasted gnocchi with a fresh pesto dressing, sweet cherry tomatoes, and creamy bocconcini. It’s an easy, warm Italian twist on a caprese bowl and a perfect summer side.
Ingredients
For the Crispy Gnocchi
- 1 1/2 lb gnocchi (shelf-stable or fresh, about 750 g)
- 1 tbsp olive oil
- Salt and black pepper, to taste
For the Pesto Dressing + Salad
- 1/4 cup pesto (jarred or homemade)
- 1/4 cup extra-virgin olive oil
- 3/4 tsp kosher salt
- 3 cups cherry tomatoes, halved
- 8 oz baby bocconcini (mini fresh mozzarella balls)
Instructions
- Preheat an air fryer to 400°F (200°C) or an oven to 425°F (220°C).
- Toss the gnocchi with the olive oil, a few grinds of black pepper, and a pinch of salt.
- For the air fryer: arrange the gnocchi in a single layer and air fry 12–15 minutes, shaking every 4–5 minutes, until golden and crisp. For the oven: spread on a parchment-lined baking sheet and roast 25–30 minutes, stirring halfway through, until golden and crisp.
- Meanwhile, whisk together the pesto, extra-virgin olive oil, and kosher salt in a large serving bowl.
- Add the halved cherry tomatoes and bocconcini to the dressing and toss gently to coat.
- Let the gnocchi cool for 5 minutes, then add to the bowl and toss gently until evenly coated. Taste and adjust salt and pepper as needed. Serve immediately while the gnocchi is still warm and crisp.
Notes
Serve fresh: this salad is best warm or at room temperature, right after tossing, while the gnocchi is still crisp.
Make it caprese: add torn fresh basil and a drizzle of balsamic glaze for a classic finish.
Nutrition: values are an estimate and will vary by brand of gnocchi and pesto used.
Nutrition (estimate)
Calories: 450 kcal | Carbohydrates: 45 g | Protein: 13 g | Fat: 26 g | Saturated Fat: 7 g | Sodium: 720 mg
Nutrition information is automatically calculated and should be used as an approximation.