This Crispy Gnocchi Caprese Salad with a simple pesto dressing is a favorite way to turn a package of gnocchi into a bright summer side. The pillowy dumplings crisp up in the air fryer or oven until golden on the outside while remaining tender inside — a satisfying contrast of textures.
One useful tip: you can skip boiling the gnocchi. Dry, high heat evaporates surface moisture and lets the starch form a crisp, golden shell while keeping the interior soft. Whether you use an air fryer or roast on a sheet pan, the result is the same — crunchy edges and pillowy centers.
Gnocchi Salad Ingredients
A few fresh, summery ingredients pull this salad together into a flavorful, Italian-style side.
- Gnocchi: shelf-stable or fresh potato gnocchi both work well.
- Olive oil: a little for tossing the gnocchi before roasting.
- Pesto: jarred or homemade basil pesto forms the base of the dressing.
- Extra-virgin olive oil: thins the pesto into a silky dressing.
- Cherry tomatoes: halved for bursts of sweetness.
- Baby bocconcini: mini fresh mozzarella balls that stay creamy.
- Kosher salt and black pepper: to season both the gnocchi and the dressing.
Full recipe quantities and detailed instructions are provided below in the recipe card.
Variations and Substitutions
Adapt this recipe easily to suit what you have on hand or to match your taste.
- Caprese style: add torn fresh basil and a drizzle of balsamic for a classic finish.
- Different cheeses: swap bocconcini for cubed fresh mozzarella or crumbled feta.
- Greens: fold in arugula or baby spinach for added color and bite.
- Alternate pesto: use sun-dried tomato pesto for a deeper, slightly tangy flavor.
- Make it a meal: add grilled chicken, shrimp, or white beans for protein.
Tools You’ll Need
Simple kitchen tools are all that’s required.
- Air fryer or sheet pan: both produce crisp gnocchi.
- Large serving bowl: for whisking the dressing and tossing the salad.
- Whisk: to blend pesto and oil into a smooth dressing.
- Parchment paper: useful if roasting gnocchi on a baking sheet to prevent sticking.
How to Make Gnocchi Salad: An Easy Guide
The salad comes together in roughly 40 minutes, most of which is 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, salt, and pepper. Spread in a single layer. Air fry 12–15 minutes, shaking occasionally, or roast 25–30 minutes on a parchment-lined baking sheet, stirring halfway through, until deeply golden and crisp.
Make the Pesto Dressing
While the gnocchi cooks, whisk 1/4 cup pesto with 1/4 cup extra-virgin olive oil and 3/4 teaspoon kosher salt in a large bowl. The dressing should be loose enough to coat the tomatoes and cheese.
Add 3 cups halved cherry tomatoes and 8 ounces baby bocconcini. Toss gently so the components are evenly coated in the herby dressing.
Toss and Serve
Allow the gnocchi to rest for about 5 minutes after cooking so it stays crisp. Add the warm gnocchi to the bowl with the dressing and gently toss to combine. Taste and adjust seasoning with additional salt and pepper if needed. Serve immediately while the gnocchi is still warm and golden for the best texture.
5 Common Mistakes to Avoid
Avoid these pitfalls to get perfectly crispy gnocchi every time:
- Boiling first: pre-boiling makes gnocchi gummy and prevents crisping.
- Crowding the pan: overcrowded gnocchi will steam instead of browning.
- Not turning: occasional shaking or stirring ensures all sides crisp evenly.
- Dressing while too hot: letting gnocchi rest briefly preserves the crunchy exterior.
- Under-seasoning: season gnocchi and the dressing so each bite is flavorful.
Make Ahead and Storage
This salad is best served fresh, but you can prepare components in advance to save time.
Prep Ahead
- Dressing: whisk it up to 3 days ahead and keep chilled.
- Tomatoes: halve and store them covered for up to a day.
- Gnocchi: roast the gnocchi just before serving to maintain crispness.
Storing Leftovers
- Refrigerator: keep leftovers in a sealed container for up to 2 days.
- Texture change: the gnocchi will soften when dressed and chilled, becoming more like a pasta salad.
- Refresh: a squeeze of lemon or a drizzle of olive oil brightens leftovers before serving.
What to Serve with Gnocchi Salad
This dish works well as a hearty side or a light main and pairs beautifully with grilled foods.
Mains to Pair With
- Grilled chicken: juicy chicken is a classic match.
- Steak: a simply seasoned steak complements the herbaceous salad.
- Grilled vegetables: smoky eggplant or zucchini keeps the meal vegetarian-friendly.
More Summer Sides
Round out a summer spread with fresh salads and simple slaws for variety and color.
Tips for the Best Crispy Gnocchi Salad
- Use dry heat: roasting or air frying removes surface moisture so the gnocchi crisps properly.
- Toss while warm: warm gnocchi absorbs dressing more effectively.
- Choose ripe tomatoes: sweet summer cherry tomatoes add brightness.
- Season in layers: salt the gnocchi and the dressing separately for balanced flavor.
- Finish with fresh herbs: torn basil at the end gives a fragrant, authentic note.
Frequently Asked Questions
Quick answers to common questions about this gnocchi salad.
A gnocchi salad uses cooked gnocchi in place of pasta. In this version, the gnocchi is roasted until crisp and tossed with a pesto dressing, cherry tomatoes, and bocconcini for a warm, Italian-style summer side.
No. Roasting or air-frying gnocchi straight from the package produces a crisp exterior. Boiling first can make the gnocchi gummy and prevent browning.
This salad is best warm or at room temperature, served soon after tossing so the gnocchi keeps its crisp edges. Chilled leftovers will have a softer texture similar to pasta salad.
A simple pesto dressing — pesto whisked with extra-virgin olive oil and salt — is ideal. It clings nicely to warm gnocchi and complements tomatoes and bocconcini.
You can prepare the dressing and tomatoes ahead, but roast the gnocchi just before serving to preserve crispness.
Other Summer Salads You’ll Love
- Caprese-style pasta salads
- Simple Israeli salad with fresh cucumbers and tomatoes
- Mixed summer slaws and chilled pasta salads to round out a cookout
Crispy Gnocchi Caprese Salad (with Pesto Dressing)
Ingredients
For the Crispy Gnocchi
- 1 ½ lb gnocchi (shelf-stable or fresh, about 750 g)
- 1 tbsp olive oil
- Salt and black pepper, to taste
For the Pesto Dressing + Salad
- ¼ cup pesto (jarred or homemade)
- ¼ cup extra-virgin olive oil
- ¾ tsp kosher salt
- 3 cups cherry tomatoes, halved
- 8 oz baby bocconcini (mini fresh mozzarella balls)
Instructions
- Preheat your air fryer to 400°F (200°C) or your 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 in the basket. Air fry for 12–15 minutes, shaking the basket every 4–5 minutes, until deeply golden and crisp outside and tender inside.
For the oven:
- Spread the gnocchi in a single layer on a large parchment-lined baking sheet. Roast for 25–30 minutes, stirring halfway through, until golden brown and crisp.
Make the Dressing:
- Whisk together the pesto, extra-virgin olive oil, and kosher salt in a large serving bowl.
Assemble the Salad
- Add the cherry tomatoes and bocconcini and toss gently to coat.
- Let the gnocchi cool for 5 minutes, then add it to the bowl and toss gently until evenly coated in the dressing.
- Taste and season with additional salt and pepper as needed. Serve immediately while the gnocchi is still 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 twist.
Nutrition: Nutrition values are estimates and will vary with ingredient brands.
Nutrition
Nutrition information is an approximation and should be used as a guide only.
Tried this recipe? Leave a comment!