California Roasted Gnocchi Salad with Basil Pesto, Tomatoes, Mozzarella, and Arugula
Ingredients
Method
- Preheat your oven to 425°F. Line a baking sheet with parchment paper.
- In a large bowl, toss the gnocchi with olive oil, salt, and black pepper until well coated. Spread them in a single layer on the prepared baking sheet.
- Roast for 15 to 20 minutes, flipping halfway through, until the gnocchi are golden brown and crispy on the outside.
- Let the gnocchi cool slightly on the sheet before adding them to the salad to help maintain their crunch.
- Heat 2 tablespoons of olive oil in a large skillet over medium-high heat.
- Add the gnocchi in a single layer and cook for 8 to 10 minutes, stirring occasionally, until golden and crispy all over.
- Transfer to a plate and let cool slightly before using in the salad.
- In a large mixing bowl, combine the cherry tomatoes, mozzarella balls, and arugula. Toss gently to mix.
- Add the cooled roasted gnocchi and toasted pine nuts, and toss again to distribute evenly.
- Drizzle the basil pesto over the salad and gently toss until everything is evenly coated.
- Sprinkle with red pepper flakes if you like a little heat.
- Finish with a drizzle of balsamic glaze for extra depth and a touch of sweetness.
- Serve immediately while the gnocchi are still slightly warm, or let the salad sit for a few minutes to let the flavors meld.
Nutrition
Notes
Tried this recipe?
Let us know how it was!Why You’ll Love This Roasted Gnocchi Salad
You know that panic when you pull a sad, soggy gnocchi out of the oven? Not today. This roasted gnocchi salad is the exact opposite of that. It’s the dish that made me actually look forward to summer salads again. And I’m not kidding.
I first made this on a scorching July evening last year. The farmers market had dumped a mountain of cherry tomatoes and fresh basil into my bag, and I was staring at a bag of gnocchi in my pantry thinking, “There has to be a better way than boiling these.” So I tossed them in oil, spread them on a sheet pan, and crossed my fingers. What came out of the oven was pure gold literally. Those little pillows were crispy, puffed, and had these amazing dark spots that tasted almost nutty.
Here’s why this gnocchi salad with pesto works so well for me, and I think it’ll work for you too:
- It’s fast. From start to finish, we’re talking 30 minutes. That’s less time than it takes to decide on takeout.
- It’s a one-dish meal. Roast the gnocchi on a sheet pan, toss everything in one bowl, and you’re done. Minimal cleanup, maximum flavor.
- It’s forgiving. Forgot to flip the gnocchi halfway? They’ll still be delicious. Used too much pesto? No such thing.
- It’s versatile. Serve it as a vegetarian main, a summer side dish, or add grilled chicken for extra protein. It works for every occasion.
And the best part? That first forkful. You get a bite of crispy gnocchi with a tender interior, a burst of sweet cherry tomato, the creaminess of fresh mozzarella, and the peppery kick of arugula. All tied together with basil pesto and a drizzle of balsamic glaze. It’s a party in your mouth, and everyone’s invited.
Ingredients You’ll Need
This recipe keeps things simple. You don’t need a dozen obscure ingredients to make a great roasted gnocchi salad. Here’s what you’ll grab on your next trip to the store I usually hit up Ralphs or Trader Joe’s for these.
For the gnocchi:
- Potato gnocchi 1 lb, fresh or shelf-stable. I’ve used both, and they both work great. Fresh gnocchi gets a slightly softer interior, while shelf-stable gets a bit more crunch. DeLallo is my go-to brand for shelf-stable.
- Extra-virgin olive oil 2 tbsp, California-grown if you can find it. It makes a difference in flavor.
- Salt and black pepper 1/2 tsp salt, 1/4 tsp freshly ground pepper. Simple seasonings that let the gnocchi shine.
For the salad:
- Cherry tomatoes 1 cup, halved. Go for the sweetest ones you can find. In summer, that’s easy.
- Fresh mozzarella balls 1 cup, bocconcini style, halved. The creamy texture is perfect against the crispy gnocchi.
- Baby arugula 2 cups, washed and dried. Its peppery bite cuts through the richness of the pesto and cheese.
- Toasted pine nuts 1/4 cup. Or slivered almonds if you want to save a few bucks.
- Basil pesto 1/2 cup, store-bought or homemade. I’ve used both, and honestly, a good jarred pesto works beautifully here.
- Balsamic glaze 1 tbsp, for that final sweet-tangy drizzle.
- Red pepper flakes 1/4 tsp, optional but recommended if you like a little heat.
That’s it. Eleven ingredients, and most of them are pantry staples or easy to find at any supermarket.
How to Make Roasted Gnocchi Salad
Alright, let’s get cooking. This roasted gnocchi salad comes together in four simple stages. I’ll walk you through each one, with tips I’ve learned from making this dozens of times.
Stage 1: Roast the Gnocchi
Preheat your oven to 425°F. Line a baking sheet with parchment paper this makes cleanup a breeze and helps prevent sticking.
In a large bowl, toss the gnocchi with olive oil, salt, and black pepper until every piece is well coated. Then spread them in a single layer on the prepared baking sheet. This is key: if they’re crowded, they’ll steam instead of crisp up. Give them some space.
Roast for 15 to 20 minutes, flipping halfway through. You’re looking for a golden brown color with some darker spots those are the good bits. They should look puffed and crispy on the outside, with a tender interior. If they stick to the parchment a little, just scrape them up with a spatula. Nobody will know.
Let the gnocchi cool slightly on the sheet before adding them to the salad. This helps maintain their crunch. I know it’s tempting to toss them in hot, but trust me on this one.
Stage 2: Prepare the Salad Base
While the gnocchi are roasting, get your salad ingredients ready. In a large mixing bowl, combine the halved cherry tomatoes, halved mozzarella balls, and baby arugula. Toss them gently you don’t want to bruise the arugula.
When the gnocchi have cooled for about 5 minutes, add them to the bowl along with the toasted pine nuts. Toss again to distribute everything evenly. The warm gnocchi will slightly wilt the arugula, which is exactly what you want. It softens the peppery bite just enough.
Stage 3: Toss with Basil Pesto
Drizzle the basil pesto over the salad. Start with about 1/3 cup, then add more to taste. Gently toss until everything is evenly coated. The pesto should cling to the gnocchi and the greens without making the salad soggy.
If you’re using red pepper flakes, sprinkle them in now. They add a subtle warmth that complements the basil and tomatoes beautifully.
Stage 4: Finishing Touches
Finish with a drizzle of balsamic glaze. Just a tablespoon you want a hint of sweetness and tang, not a soaking. The glaze also adds a beautiful visual contrast against the green pesto and red tomatoes.
Serve immediately while the gnocchi are still slightly warm. Or let the salad sit for a few minutes to let the flavors meld. Both ways are delicious. I personally love it when the mozzarella gets just a little soft from the warm gnocchi.
Air Fry the Gnocchi Instead
Want even crispier gnocchi? Use an air fryer. Preheat it to 400°F. Toss the gnocchi with oil, salt, and pepper as directed, then place them in the air fryer basket in a single layer. Cook for 8 to 10 minutes, shaking the basket halfway through. They’ll come out extra crispy in less time.
This method is perfect for hot summer days when you don’t want the oven heating up your kitchen. The air fryer does the job faster and keeps the house cooler.
Tips for the Best Gnocchi Salad
I’ve made this roasted gnocchi salad more times than I can count, and I’ve learned a few things along the way. Here are my top tips for getting it right every time.
- Use a single layer. This is non-negotiable for crispy gnocchi. If you pile them up, they’ll steam. Spread them out.
- Don’t skip the cooling step. Let the gnocchi cool for at least 5 minutes before adding them to the salad. Hot gnocchi will wilt the arugula too much and make the salad soggy.
- Go easy on the oil. Too much oil on the gnocchi will make them greasy, not crispy. Two tablespoons is plenty for a pound of gnocchi.
- Use fresh gnocchi if you can. Fresh gnocchi has a better texture and crisps up more evenly. But shelf-stable works fine just add a few extra minutes to the roasting time.
- Toast your pine nuts. This takes 2 minutes in a dry skillet over medium heat, and it makes a huge difference in flavor. Watch them closely they burn fast.
- Dress the salad just before serving. If you’re making this ahead, keep the pesto and balsamic glaze separate until you’re ready to eat. This keeps the gnocchi crispy and the greens fresh.
Texture Targets
What to look for: The gnocchi should be golden brown with a few darker spots. They should look puffed and feel firm to the touch. When you bite into one, the outside should be crispy and the inside tender. If they’re still pale and soft, give them a few more minutes.
What to smell: A nutty, toasty aroma from the gnocchi. The pesto should smell fragrantly of basil. The balsamic glaze adds a sweet, tangy note.
Variations & Substitutions
One of the best things about this roasted gnocchi salad is how easy it is to customize. Here are some of my favorite variations.
Swap the greens. Not a fan of arugula? Use baby spinach or spring mix instead. Both work great and have a milder flavor.
Add protein. This salad is fantastic as a vegetarian main, but you can easily add grilled chicken, shrimp, or even roasted chickpeas for extra protein. It turns a summer side dish into a hearty meal.
Change the cheese. If you can’t find fresh mozzarella, try crumbled feta or shaved parmesan. Each brings a different flavor profile. Feta adds saltiness, while parmesan adds nuttiness.
Try different pesto. Basil pesto is classic, but sun-dried tomato pesto or even a lemon herb dressing would work beautifully. The key is to keep the dressing light so it doesn’t overpower the gnocchi.
Make it gluten-free. Use gluten-free gnocchi. DeLallo makes a good one that roasts up beautifully. Check the label to make sure.
Make it vegan. Use vegan gnocchi (check for eggs) and skip the mozzarella. Add avocado for creaminess instead.
Storage & Leftovers
This roasted gnocchi salad is best enjoyed fresh, but leftovers can be a lifesaver on busy days. Here’s how to store and reheat them properly.
Storage: Place leftover salad in an airtight container and refrigerate for up to 2 days. The gnocchi will soften over time, but the flavors will still be delicious.
Reheating: For best results, reheat the gnocchi separately in a skillet over medium heat for 2-3 minutes, or in an air fryer at 350°F for 3-4 minutes. This brings back some of the crispiness. Then add fresh arugula and a drizzle of pesto to refresh the salad.
Meal prep tip: If you’re planning to make this for lunches, store the components separately. Keep the roasted gnocchi in one container, the salad base in another, and the pesto and balsamic glaze in small containers. Assemble just before eating for the best texture.
What to Serve with Gnocchi Salad
This roasted gnocchi salad is a complete meal on its own, but it also pairs beautifully with other dishes. Here are some serving ideas.
- As a main dish: Serve it with a side of crusty bread and a simple green salad. It’s a satisfying vegetarian dinner that takes 30 minutes.
- As a side dish: Pair it with grilled chicken, steak, or fish. The fresh, bright flavors complement grilled meats perfectly.
- For a summer BBQ: This salad is a standout alternative to potato salad or coleslaw. It’s hearty enough to hold its own on a buffet table.
- For meal prep: Divide into containers for easy lunches throughout the week. Just keep the dressing separate until you’re ready to eat.
I love serving this with a simple grilled chicken breast on the side. The combination of crispy gnocchi, fresh salad, and smoky chicken is unbeatable.
Frequently Asked Questions
I hope you love this roasted gnocchi salad as much as I do. It’s become my go-to for summer dinners, quick lunches, and even potlucks. The combination of crispy gnocchi, fresh pesto, and creamy mozzarella is just unbeatable.
Tag me when you make this I want to see your crispy gnocchi victory. And if you try any fun variations, drop them in the comments. I’m always looking for new ideas.
For more inspiration, check out my Pinterest board where I pin all my favorite quick weeknight meals and summer salads.
Source: Nutritional Information
