Side Dishes
This Campbell's green bean casserole dish delivers that nostalgic, creamy comfort we all crave—where tender green beans swim in rich mushroom soup and crispy fried onions create the perfect crunch. 💛 The secret lies in balancing the soup's thickness and baking it just until the topping turns golden brown, not rubbery.
I've perfected this version after years of holiday testing, ensuring every bite delivers that classic casserole magic.
The beauty of this recipe is its simplicity: just three core components—green beans, Campbell's cream of mushroom soup, and fried onions—come together in a single dish. No fancy techniques required, just layering and baking at 350°F for 25-30 minutes until bubbly and inviting.
The creamy mushroom topping transforms ordinary green beans into something extraordinary, making this a side dish that steals the show.
What you'll end up with is a creamy, comforting casserole that's perfect for holidays or weeknight dinners. The green beans stay tender, the soup base is rich and flavorful, and the fried onions add that satisfying crunch in every bite.
This is the kind of dish that brings warmth to the table and nostalgia to your taste buds.
For extra crispiness, broil the casserole for 2-3 minutes at the end. Serve with roasted chicken or steak for a complete meal. Let's get started on this classic comfort dish!
Ingredients for campbell's green bean casserole dish with
Three simple components—green beans, creamy soup, and crispy onions—create this nostalgic comfort classic.
| Ingredient | Amount | Notes |
|---|---|---|
| Fresh Green Beans 🥦 | 2 lb | Trimmed and cut into 2-inch pieces |
| Campbell's Cream of Mushroom Soup 🍄 | 2 cans | 10.5 oz each, undiluted |
| French Fried Onions 🧅 | 1 cup | Store-bought or homemade, frozen works |
| Milk 🥛 | ½ cup | Whole milk for creaminess |
| All-Purpose Flour 🌾 | 2 tbsp | For thickening the topping |
| Butter 🧈 | 2 tbsp | Unsalted, melted |
| Salt 🧂 | ½ tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ¼ tsp | Freshly ground preferred |
| Garlic Powder 🧄 | ½ tsp | For extra depth |
| Parmesan Cheese 🧀 | ¼ cup | Freshly grated, optional |
The green beans are the star, so don't skip trimming the ends—it makes all the difference. Fresh green beans from the grocery store work best, but frozen trimmed beans (like Green Giant) are a lifesaver when you're short on time. For the soup, Campbell's Cream of Mushroom is non-negotiable here—it's got that perfect balance of creaminess and umami. If you're feeling fancy, you can doctor it up with a splash of milk or a pinch of garlic powder, but honestly, the canned version is already dialed in. The French fried onions? Store-bought from the canned aisle (like French's) are the easiest, but homemade are worth the effort if you've got the time.
No milk? Half-and-half or heavy cream works in a pinch, but the dish will be richer. Short on flour? A cornstarch slurry (1 tbsp cornstarch + 1 tbsp cold water) thickens just as well. The Parmesan is totally optional, but if you've got it, freshly grated makes the topping sing. No garlic powder? Swap for a pinch of onion powder or just skip it—this dish is forgiving. And if you're worried about the onions getting soggy, toast them in the oven for 3-5 minutes before adding them to the casserole. Trust me on that.
This casserole reheats beautifully—just cover it with foil and pop it in the oven at 350°F for 15-20 minutes. Leftovers keep for 4-5 days in the fridge, and you can freeze portions for up to 3 months. I always make a double batch because it disappears fast. Store it in an airtight container, and when you're ready to serve, just reheat and broil for 2-3 minutes to get that golden, crispy topping back.
Why You'll Love This Recipe
- Here’s what sold me: the casserole reheats like a dream. The onions stay crisp, the beans hold their bite, and it’s still just as satisfying the third time around. Plus, it’s cheap—milk, flour, and a can of soup stretch this into four meals without breaking the bank.
- One-Pan Miracle: I swear by this—just toss the beans in a hot skillet, add the soup and milk, then sprinkle those crispy onions on top. No extra dishes, no stress, and honestly? That golden crunch is worth every second.
- Creamy Crunch Magic: Between us, the combo of Campbell’s soup’s rich mushrooms and the buttery fried onions is ridiculously good. The flour-milk roux thickens it just right—smooth, velvety, with that perfect crunchy top that makes you want to eat it straight from the pan.
- Holiday or Weeknight: I’ve served this at Thanksgiving when I’m swamped, and my kids ask for it on random Tuesdays. It’s fancy enough for company but unfussy enough to make when you’re too tired to care—just add the beans, dump the soup, and call it a win.
Step-by-step instructions for creamy mushroom green bean casserole
Here's how to make that perfect creamy, crispy-topped green bean casserole everyone loves.
👨🍳 Step 1: Prep the Green Beans
Start by trimming the ends off all 2 lb of fresh green beans using a sharp knife. Cut them into 2-inch pieces—this ensures even cooking and makes them easier to eat. Spread them out on a large baking sheet and toss with ½ tsp of salt and ¼ tsp of black pepper. Roast at 425°F for 15-20 minutes until they're tender but still bright green.
Here's the thing—roasting first brings out their natural sweetness and prevents them from getting mushy later. You'll know they're ready when they're fork-tender but still hold their shape. Don't skip this step—it makes all the difference in texture!
🍳 Step 2: Make the Creamy Mushroom Topping
In a medium saucepan, melt 2 tbsp of butter over medium heat. Stir in 2 tbsp of all-purpose flour and cook for 1-2 minutes until it forms a smooth paste—this is your roux. Slowly whisk in the 2 cans of Campbell's Cream of Mushroom Soup and the ½ cup of milk. Stir constantly until the mixture thickens to a creamy consistency, about 5-7 minutes. Add ½ tsp of garlic powder and let it simmer for another 2 minutes to blend all the flavors.
I like to taste the sauce at this point—it should be rich and slightly tangy. If it's too thick, whisk in a splash more milk. The goal is a velvety texture that'll coat every green bean perfectly. Keep it warm while you assemble the casserole.
🥘 Step 3: Assemble the Casserole
Preheat your oven to 375°F. In a 9x13-inch baking dish, spread the roasted green beans in an even layer. Pour the creamy mushroom mixture over the top, spreading it evenly with a spatula. Sprinkle the 1 cup of French fried onions over everything—this is where the magic happens for that crispy topping!
Here's a pro tip: Press down gently on the onions with the back of a spoon to help them stick. This ensures they get extra crispy instead of floating. The onions should cover the entire surface—no bare spots if you want that perfect golden crust.
⏰ Step 4: Bake to Golden Perfection
Bake uncovered for 25-30 minutes until the topping is deep golden brown and bubbly. The edges should be crispy, and the onions should look toasted. If it's browning too quickly, tent with foil for the last 10 minutes to prevent burning.
I know it's tempting to peek, but resist! Every time you open the oven, you lose heat and steam, which can make the topping less crispy. The internal temperature should reach 160°F—use an instant-read thermometer if you're unsure. When it's done, let it rest for 5 minutes before serving.
🍽️ Step 5: Finish with Cheese (Optional)
Before serving, sprinkle the ¼ cup of freshly grated Parmesan cheese over the top. This adds a nice salty contrast to the creamy mushroom flavor. Let it sit for 2-3 minutes while you warm up any side dishes. The cheese will melt slightly, creating an extra layer of richness.
Serve warm with crusty bread or over mashed potatoes. The creamy topping should be thick enough to hold its shape when spooned, and those crispy onions should crunch with every bite. Leftovers keep well in the fridge for up to 4 days—just reheat covered in the microwave until warm through.
Pro Tips For Making Campbell'S Green Bean Casserole Dish With
- Trim the Beans Right: Cut fresh green beans into 1-inch pieces—not too small, or they’ll turn to mush under the soup. I learned this the hard way when my first batch disappeared into a sad, soupy sludge instead of holding its shape. A sharp knife and steady strokes make this faster than you’d think.
- Thicken the Sauce First: Mix the Campbell’s soup, milk, and flour into a roux before adding the beans—this prevents clumping and ensures a silky texture. I used to dump everything in at once, and half the time, I’d end up with a lumpy mess. Stirring over medium-low heat for 3–4 minutes guarantees a smooth base.
- Toast the Onions: Spread the French fried onions on a baking sheet and broil for 2–3 minutes until they’re golden and crisp. The canned kind is fine, but toasting them adds a smoky depth that cuts through the creaminess. (Yes, even if you’re impatient like me—just keep an eye on them.)
- Bake Until Bubbly: Cover the casserole with foil for the first 20 minutes, then uncover and bake another 10–15 until the top is golden and the edges are bubbling. Skipping the foil step leads to a dry top, and no one wants a sad, uneven bake. A toothpick test works: it should come out clean, not soggy.
Common mistakes when making your campbell's green bean casserole dish with
Overcooking Green Beans
Green beans turn mushy when overcooked, ruining the dish's texture. Roast them at 425°F for just 15-20 minutes—they should be tender but still hold their shape.
Overcooking releases excess water, which dilutes the creamy mushroom sauce. If using frozen beans, thaw and pat them dry first to prevent sogginess. 🥦
Skipping the Roux
Many recipes call for just mixing soup and milk, but making a roux first creates a thicker, creamier topping. Whisk 2 tbsp flour into melted 2 tbsp butter for 1-2 minutes before adding soup.
This step prevents a watery topping and ensures the onions stick properly. Trust me, it's worth the extra 2 minutes!
Uneven Onion Distribution
Unevenly spread onions create bare spots where the topping won't brown properly. Sprinkle them in a single layer over the entire surface, pressing gently with the back of a spoon.
For extra crispiness, toast them in the oven at 375°F for 3-5 minutes before assembling. This pre-toasting prevents soggy onions in the final dish. 🧅
Baking at Wrong Temperature
Baking at 350°F instead of 375°F results in a pale, undercooked topping. The higher temperature ensures proper browning and crispiness. If your oven runs hot, reduce to 350°F and tent with foil. Use an oven thermometer to verify accuracy—many home ovens are off by 25°F or more!
Peeking Too Often
Every time you open the oven door, you lose heat and steam, causing the topping to lose crispiness. Resist the urge to peek! The casserole should bake for 25-30 minutes without interruption. If concerned, use an instant-read thermometer to check for 160°F internal temperature instead of visual cues. 🌡️
Using Cold Ingredients
Cold green beans or sauce can create uneven cooking and prevent proper browning. Let all ingredients sit at room temperature for 15-20 minutes before assembling. This ensures even heat distribution and a perfectly golden topping.
I always take my soup cans out of the fridge while preheating the oven for this reason.
Nutrition facts
Frequently asked questions
Can I make this casserole ahead of time?
This dish actually tastes better the next day. Assemble it completely (including the fried onions) and refrigerate uncovered for 1-2 hours before baking. The onions will get extra crispy, and the flavors meld perfectly. For make-ahead meals, bake it a day ahead, store in an airtight container, and reheat covered at 350°F for 15-20 minutes until bubbly.
What if I don't have French fried onions?
No problem! You can substitute with 1 cup of crushed potato chips (like salt & vinegar or plain) for crunch, or make your own by thinly slicing onions, frying in oil until crispy, and draining on paper towels. For a vegan option, try 1 cup of crispy fried shallots or even ½ cup of crushed crackers mixed with ½ cup of breadcrumbs toasted in the oven.
Why did my topping get watery?
Watery topping usually means one of two things: either the green beans weren't fully drained (especially if using canned or frozen), or the roux wasn't cooked long enough. Always pat dry any pre-cooked beans, and make sure to whisk your flour-butter mixture until it's smooth and pale (about 1-2 minutes) before adding the soup. For extra insurance, simmer the sauce longer until it coats the back of a spoon.
Can I use this recipe for a crowd?
Double or triple the recipe easily! For 12 servings, use 4 lbs green beans, 4 cans soup, 2 cups fried onions, and 1 cup milk. Use a 9x13-inch dish for up to 8 servings, or two dishes for larger crowds. Bake times remain the same, but you may need to tent with foil if baking multiple dishes simultaneously to prevent over-browning.
How do I reheat leftovers without drying it out?
For the best results, cover the casserole with foil and reheat at 350°F for 15-20 minutes until warmed through. If using the microwave, cover with a damp paper towel and heat in 1-minute intervals at 50% power, stirring between each interval. For extra crispiness, broil for 2-3 minutes at the end after removing the foil. Never microwave uncovered—it'll dry out the topping.