Roasted Gnocchi Salad with Pesto & Mozzarella

Introduction

A light summer plate with contrasts and comfort.
This salad brings together pillowy potato gnocchi that develops a crisped edge when roasted, bright jewel-like cherry tomatoes, creamy bocconcini, peppery arugula, and the herb lift of basil pesto.
As a food writer who loves approachable recipes that feel both leisurely and fuss-free, I appreciate dishes that travel well between warm and room temperature service. This recipe lives in that sweet spot: it reads like a composed salad but offers the comforting bite of roasted starch.
I often serve it for outside meals because the textures evolve beautifully—slightly crisped gnocchi pieces keep a tender center, tomatoes pop with a citrusy lift, and the mozzarella gives a soft counterpoint. The pesto functions as a seasoning and a coating, clinging to the gnocchi so each piece carries herb, oil, and a whisper of nuttiness.
In the paragraphs that follow I’ll take you through what to gather, how to prepare components so they sing together, and the little techniques that keep the salad vibrant even after sitting. Expect practical pro tips, simple swaps, and ideas to present this as a casual lunch or an easy centerpiece for a relaxed dinner with friends.

Why You’ll Love This Recipe

Because it balances comfort and freshness with minimal fuss.
This is the kind of recipe I reach for when I want something that feels substantial but doesn’t demand a marathon in the kitchen. The roasted gnocchi gives you the satisfying crunch that contrasts the creamy bocconcini and the bright acidity from the tomatoes. The pesto is the glue that ties the components together without weighing them down.
There’s versatility built into the concept: it fits a picnic, a quick weeknight supper, or a more dressed-up al fresco meal when paired with a simple grilled protein on the side. Since it’s best served warm or at room temperature, there’s generous leeway in timing—perfect for relaxed hosting where dishes are finished and assembled in stages.
From a sensory point of view, this salad is generous without being heavy; every forkful offers herbal brightness, a hint of toasted nutty depth, and a satisfying contrast of textures. If you appreciate recipes that are friendly to improvisation—swapable on a pantry whim—this one rewards small, confident swaps without losing its identity. Finally, it’s a great way to introduce guests to gnocchi beyond the classic sauced bowl: here the gnocchi works as a salad element, and that shift in role is delightful and unexpected.

Flavor & Texture Profile

How each element contributes to the finished experience.
Begin with texture: roasted gnocchi offers a delightful paradox—an exterior that crisps and caramelizes while the interior remains tender and yielding. That contrast sets the tone. Soft bocconcini echoes the interior of the gnocchi, providing creamy pockets that cool the palate. Fresh arugula introduces a peppery crunch that cuts through the richness, and toasted pine nuts bring a satisfying, oily nuttiness with a delicate snap.
On the flavor axis, basil pesto is the dominant aromatic voice: herbaceous, garlicky, and olive-oil rich. It does heavy lifting without burying the other components. Cherry tomatoes burst with acidity and sweetness, acting as bright punctuation points across the salad. A hint of lemon adds a clean, citrus lift that refreshes each bite, while a gentle drizzle of balsamic glaze (when used) introduces a mellow, syrupy tang that plays especially well against the toasted edges of the gnocchi.
When assembling, aim for balance: a mix of textures on the fork, herb-forward seasoning, and a lively acid to cut through the oil. The salad functions as a harmonious mosaic where no one element overpowers—each bite should deliver a chorus of crisp, creamy, peppery and bright notes.

Gathering Ingredients

A concise shopping checklist and notes on quality.
The success of this salad hinges on ingredient quality more than culinary trickery. Fresh, fragrant basil in the pesto, ripe and juicy cherry tomatoes, and soft, milky bocconcini make a world of difference. When choosing gnocchi, look for a texture that will hold up to roasting rather than turning too mushy; store-bought potato gnocchi is a fantastic shortcut when you don’t have time to make them by hand.
If you’re using store-bought pesto, scan the label for bright-green color and a good balance of basil-to-oil rather than a pasty, over-salted jar. For pine nuts, purchase them fresh and toast just before assembly to preserve their delicate oils. The lemon should be fragrant; the zest will provide aromatic brightness that lifts the entire salad.

• 500 g potato gnocchi
• 125 g mozzarella bocconcini
• 200 g cherry tomatoes, halved
• 60 g basil pesto (store-bought or homemade)
• 4 cups arugula (rocket)
• 2 tbsp extra-virgin olive oil
• 1 lemon (zest + 1 tbsp juice)
• 50 g pine nuts, toasted
• Salt to taste
• Freshly ground black pepper to taste
• 2 tbsp balsamic glaze (optional)
• Fresh basil leaves for garnish

Preparation Overview

A clear sequence to streamline your work.
Start by readying components that benefit from being prepared in advance: halve tomatoes and zest the lemon; toast pine nuts briefly to awaken their oils; drain and gently pat the bocconcini dry. Preparing these elements before the gnocchi hits the oven keeps assembly quick and efficient and helps you maintain peak texture and temperature for each component.
When you’re ready to roast, lay out your baking surface and be mindful of spacing so pieces crisp instead of steaming. While the gnocchi are transforming in the oven, use the time to finish small tasks—tossing tomatoes with zest and oil, arranging arugula, or pulling pesto to room temperature so it spreads easily. The final assembly is fast: the gnocchi are best tossed with pesto when they're hot so the sauce adheres and creates little pockets of flavored crust.
A small mise en place pays dividends. Keep a bowl for toasted pine nuts and a small jug for lemon juice handy. If you plan to dress the salad with a glaze, have it ready to drizzle at the very end so it remains a glossy accent rather than a soaking syrup. This approach reduces last-minute fumbling and ensures each element contributes its ideal texture to the finished salad.

Cooking / Assembly Process

Step-by-step instructions for roasting, toasting, and assembling.

1. Preheat the oven to 220°C (430°F) and line a baking sheet with parchment paper.
2. Toss the gnocchi with 1 tbsp olive oil, a pinch of salt and a little pepper; spread in a single layer on the prepared baking sheet.
3. Roast the gnocchi for 18–22 minutes, turning once, until golden and crisp on the edges.
4. While the gnocchi roast, halve the cherry tomatoes and toss them with lemon zest, ½ tbsp olive oil and a small pinch of salt; set aside.
5. Toast the pine nuts in a dry skillet over medium heat for 2–3 minutes until fragrant and pale golden; watch carefully to avoid burning.
6. When the gnocchi are hot from the oven, transfer them to a large bowl and toss immediately with the basil pesto so they’re evenly coated.
7. On a large platter or in a salad bowl, lay down the arugula, then top with pesto-coated gnocchi, cherry tomatoes, mozzarella bocconcini and toasted pine nuts.
8. Drizzle the remaining olive oil and lemon juice over the salad, add balsamic glaze if using, and finish with extra basil leaves, salt and freshly ground pepper to taste.
9. Serve warm or at room temperature as a light summer meal.

Serving Suggestions

Presentation ideas and complementary pairings.
This salad reads beautifully as a centerpiece for a casual outdoor meal. Serve it on a simple, wide-rimmed platter so the arugula creates a verdant base and the gnocchi, tomatoes, and bocconcini form an inviting mosaic on top. Scatter extra basil leaves and a few additional whole pine nuts for visual contrast.
Pair it with a crisp white wine or a light-bodied rosé that complements the herbal pesto and bright tomato acidity. For a heartier spread, present alongside grilled vegetables or slices of lemon-brushed grilled bread to mop up the pesto and juices. If you prefer protein, a simply grilled chicken breast or a lemon-herb salmon fillet makes a thoughtfully balanced plate without competing with the salad’s flavors.
When serving family-style, keep a small jug of extra olive oil and a bottle of balsamic glaze on the table so guests can adjust the finish to their taste. For a vegetarian feast, add a bowl of marinated olives and a crisp green salad to round out the course. Finally, present the salad warm or at room temperature depending on whether you want a comforting or more refreshing experience—both work beautifully.

Storage & Make-Ahead Tips

How to keep leftovers vibrant and how to prep ahead.
This salad is happiest when eaten soon after assembly but it also travels well as leftovers with a few sensible precautions. Store components separately when possible: keep roasted gnocchi in an airtight container at room temperature until cool, refrigerate bocconcini in its whey or a lightly salted water, and store pesto in a small sealed jar. Tomatoes and arugula are best added just before serving to avoid sogginess.
If you plan to make most of the dish ahead, roast the gnocchi and toast the pine nuts ahead of time and refrigerate them separately. Assemble the salad shortly before serving so the arugula remains peppery and the bocconcini retains its delicate texture. When reheating gnocchi, a quick return to a hot oven or a hot skillet will revive the exterior crispness without overcooking the interior. Avoid microwave reheat if you want to preserve texture.
For transport or a packed lunch, place components in individual containers and combine at your destination; drizzle with lemon juice and oil only when you’re ready to eat. Balsamic glaze can be kept separate and used as a finishing accent. With this modular approach you preserve the salad’s contrasts and ensure each bite retains its intended balance of crisp, creamy, and bright elements.

Frequently Asked Questions

Answers to common concerns and smart substitutions.

• Can I use frozen gnocchi?
  Yes—frozen gnocchi can be used. Thaw or roast according to package guidance and watch for excess moisture; patting them dry before roasting helps the exterior crisp properly.
• What can I use instead of bocconcini?
  Small fresh mozzarella balls or torn chunks of a soft, mild cheese work well. For a dairy-free option, consider firm tofu marinated briefly in lemon and olive oil.
• Is homemade pesto worth it?
  Homemade pesto offers fresher herbal notes and allows you to control garlic and salt levels, but a high-quality store-bought jar is an efficient and tasty alternative.
• How do I avoid soggy arugula?
  Add arugula at the last moment and avoid tossing with any excess liquid. If you must dress earlier, use a lighter touch and place a paper towel between layers to absorb moisture.
• Can I make this gluten-free or vegan?
  Use gluten-free gnocchi for a gluten-free version. For a vegan option, swap bocconcini for a plant-based alternative and use a nut-based or olive-oil-forward pesto without cheese.

Final FAQ note:
If you have a question not covered here—perhaps about adjusting for different produce seasons or pairing ideas—try a small test batch with one substitution at a time so you can evaluate how it affects texture and balance. This recipe is inherently flexible, and cautious tweaks often lead to pleasing results.