Side Dishes
This Campbell's green bean casserole dish with recipe brings back the cozy charm of a beloved American classic, topped with a golden, crunchy fried onion layer that’s pure indulgence.
The secret lies in layering tender green beans with creamy mushroom soup and golden fried onions, then baking until the top turns perfectly crispy. I've perfected this recipe over years of holiday gatherings, where it becomes the star of every table.
The beauty of this dish is its simplicity—just a few pantry staples and a 30-minute bake time transform basic ingredients into something extraordinary. The Campbell's cream of mushroom soup provides that rich, velvety base, while the fried onions add crunch and a satisfying contrast to the creamy layers below.
It's the kind of dish that tastes even better the next day, making it perfect for meal prep.
What makes this recipe truly special is that crispy fried onion topping, which should be golden brown and crunchy enough to stand up to every bite. The layers underneath stay creamy and tender, creating a perfect balance of textures.
This is comfort food at its finest—warm, hearty, and nostalgic, with just the right amount of indulgence.
For those looking to adapt the recipe, swapping in vegetable broth for the soup makes it lighter, while using gluten-free fried onions accommodates dietary needs without sacrificing flavor. The possibilities are endless, but the classic version remains a timeless favorite. Let's get baking!
Ingredients for campbell's green bean casserole dish with
Pantry staples plus a few fresh ingredients. The Campbell's soup does most of the heavy lifting.
| Ingredient | Amount | Notes |
|---|---|---|
| Campbell's Cream of Mushroom Soup 🍄 | 2 cans | Condensed, not ready-to-serve |
| Fresh Green Beans 🌱 | 2 lbs | Trimmed, cut into 2-inch pieces |
| French Fried Onions 🧅 | 1 ½ cups | Gluten-free if needed, store-bought |
| Milk 🥛 | ½ cup | Whole milk for creaminess |
| All-Purpose Flour 🌾 | ¼ cup | For thickening sauce |
| Butter 🧈 | ½ cup | Unsalted, melted |
| Salt 🧂 | 1 tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground preferred |
| Garlic Powder 🧄 | ½ tsp | For extra depth |
| Ground Black Pepper 🌶️ | ¼ tsp | For final seasoning |
| French Fried Onions (extra) 🧅 | ½ cup | For final topping |
| Sharp Cheddar Cheese 🧀 | ½ cup | Shredded, optional for richness |
The Campbell's cream of mushroom soup is the foundation here—condensed, not ready-to-serve. Grab the 10.5 oz cans for that perfect balance of creaminess and umami. Fresh green beans are ideal, but frozen works in a pinch (thaw and drain well). For the fried onions, French's brand is the classic choice, but gluten-free versions like Trader Joe's are great alternatives. The milk and butter combo creates that signature creamy texture—don't skip the whole milk for best results.
No Campbell's soup? Homemade mushroom sauce with vegetable broth works beautifully. Substituting frozen green beans? Use 1.5 lbs instead of fresh. Short on cheese? Parmesan or mozzarella add richness without overpowering. The garlic powder is optional but adds depth—Penzeys or bulk bins have great options. For extra crispiness, broil the onions for 2-3 minutes at the end. And if you're making this ahead, assemble the casserole but skip baking until serving—the flavors meld better overnight.
This casserole reheats beautifully—350°F for 20 minutes covered with foil. The topping stays crispy if you bake it uncovered for the last 5 minutes. Store leftovers in the fridge for 4-5 days or freeze for 3 months. For meal prep, portion into individual servings before freezing. The cheese topping, if used, should be sprinkled just before baking to prevent sogginess. And trust me—double the fried onions if you can. You can never have too much crispy topping.
Why You'll Love This Recipe
- No Fuss Assembly: I dump the beans straight into the sauce—no fancy prep, just toss and coat. The blanch step takes five minutes max, and the rest is just mixing and layering. Honestly, the hardest part is resisting that first bite while it’s baking.
- Cheesy Crunch Perfection: That crispy fried onion topping? It’s not just decoration—it’s the whole game. The sharp cheddar melts into the onions just enough to make every bite pop, while the creamy mushroom sauce keeps it from feeling dry. Between us, the contrast is what makes it addictive.
- Holiday Table Hero: This casserole looks festive but doesn’t require a five-course meal to shine. Serve it alongside turkey or roast beef, and suddenly your table feels like a cozy gathering. My daughter even picks out the extra onions to sprinkle on top—proof it’s universally loved.
- Budget-Friendly Feast: Two cans of soup, a bag of fresh beans, and a jar of fried onions? This isn’t a splurge. For under $15, you’re feeding a crowd with leftovers that last five days. I freeze half the dish too—it’s my secret weapon for lazy weeknights.
Step-by-step instructions for Campbell's green bean casserole
Here's how to recreate that nostalgic, comforting dish with a perfectly crispy topping every time.
Blanch and Prepare the Fresh Green Beans
Trim the ends from the 2 lbs of fresh green beans and cut them into 2-inch pieces. Spread them evenly on a large baking sheet and steam or boil for 5-6 minutes until they're bright green and tender but still hold their shape. Drain immediately and plunge into ice water for 2 minutes to stop the cooking process. This preserves their vibrant color and crisp texture.
Drain the green beans thoroughly in a colander and transfer them to a large mixing bowl. They should be cool enough to handle but still retain their snap. This step prevents the beans from becoming mushy during baking, which is crucial for maintaining that classic green bean casserole texture.
Create the Creamy Mushroom Sauce
In a medium saucepan, melt the 0.5 cup butter over medium heat. Whisk in the 0.25 cup all-purpose flour and cook for 1-2 minutes until the mixture forms a smooth paste and begins to bubble. This creates a roux that will thicken the sauce beautifully.
Gradually whisk in the 0.5 cup milk and 2 cans Campbell's Cream of Mushroom Soup, stirring constantly to prevent lumps from forming. Add the 1 tsp salt, 0.5 tsp black pepper, and 0.5 tsp garlic powder, then bring the mixture to a gentle simmer. Cook for 5 minutes until the sauce thickens slightly and coats the back of a spoon. Remove from heat and let it cool for 5 minutes—this prevents the green beans from overcooking when combined.
Combine Beans and Sauce
Pour the cooled mushroom sauce over the green beans in the mixing bowl and gently stir until everything is evenly coated. The beans should be fully saturated with the creamy sauce, but don't overmix—you want to preserve their individual shapes. Taste and adjust seasoning if needed, adding a pinch more salt or pepper if desired.
Transfer the green bean mixture to a 9x13-inch baking dish, spreading it evenly into a single layer. This even distribution ensures the casserole cooks uniformly and the crispy topping forms properly. Preheat your oven to 350°F while you prepare the topping—this gives everything time to come to temperature for even baking.
Prepare and Add the Crispy Topping
In a small bowl, combine the 1.5 cups French fried onions with the 0.5 cup sharp cheddar cheese and the 0.25 tsp ground black pepper. Sprinkle this mixture evenly over the green bean sauce in the baking dish, pressing down gently with the back of a spoon to help it adhere. The cheese adds richness while the onions create that signature crispy texture we all love.
For extra crispiness, I like to sprinkle the additional 0.5 cup French fried onions on top of the cheese mixture. This creates multiple crispy layers that contrast perfectly with the creamy green bean filling. Bake uncovered for 30-35 minutes until the top is deep golden brown and bubbly, and the edges are slightly crisped.
Rest and Serve for Maximum Comfort
Remove the casserole from the oven and let it rest for 10-15 minutes before serving. This resting period allows the layers to set slightly and the flavors to meld together. The topping will firm up just enough to hold its shape when served, while the green beans remain tender and the sauce stays creamy.
Serve warm with crusty bread or as a side dish for your holiday meal. The contrast of crispy topping and creamy filling makes this classic casserole irresistibly comforting. For best results, serve immediately—the crispy topping softens slightly as it cools, so enjoy it while it's at its peak texture.
Pro Tips For Making Campbell'S Green Bean Casserole Dish With
- Preheat Like a Pro: Fire up that oven to 350°F while you prep the topping—I learned this the hard way after baking a casserole where the center stayed sad and undercooked. A hot oven means that golden, bubbly topping forms faster, and the beans stay perfectly tender instead of turning into mush.
- Ice Bath or Bust: That ice water plunge after blanching the green beans isn’t just for show—it stops the cooking process dead in its tracks and keeps them bright green. Skip it, and you’ll end up with limp, gray beans that scream "rushed." Trust me, the 2-minute shock is worth it.
- Press the Topping Down: Don’t just sprinkle those French fried onions on top like confetti—press them gently into the cheese layer with the back of a spoon. This ensures they stick and crisp up properly instead of sliding off when you cut into it. (Yes, I’ve done that. No, it’s not fun.)
- Whole Milk Wins: Using whole milk instead of skim or 2% makes a real difference in the sauce—it’s richer, creamier, and actually coats the green beans instead of separating. I used to cut corners here, but now I keep a carton of whole milk on hand just for this dish. Worth the extra splurge.
Make-ahead tips for leftovers
Assemble Ahead, Bake Last
This is my golden rule for making casseroles ahead: assemble everything but skip the baking until you're ready to serve.
After combining the green beans with the cooled mushroom sauce in your 9x13-inch baking dish, cover it tightly with plastic wrap or foil and refrigerate for up to 24 hours. The flavors develop beautifully overnight, and the beans stay tender.
I always do this for holiday meals—it cuts down on last-minute stress! 💫
Double the Fried Onions
If you're making this ahead, double the fried onions in your topping. The extra crispiness holds up better during reheating, and you won't regret having more of that signature crunch.
Sprinkle the full 2 cups over the cheese mixture before baking, then press down gently. This ensures every bite has that perfect texture contrast.
Freeze the Filling
For long-term meal prep, freeze the green bean and sauce mixture before adding the topping. Transfer the cooled mixture to a freezer-safe container or bag, leaving 1 inch of headspace for expansion.
When ready to bake, thaw overnight in the fridge, then add the fried onion and cheese topping. Bake as directed—just add 5-10 minutes to the baking time if using a frozen casserole.
Reheat with Care
When reheating leftovers, cover the casserole tightly with foil and bake at 350°F for 20 minutes. Then, uncover and broil for 2-3 minutes to restore that golden crispiness to the fried onion topping.
This prevents the topping from turning soggy while keeping the creamy layers warm and rich. Always check the internal temperature—it should reach 165°F before serving.
Portion for Individual Servings
For easy grab-and-go meals, divide the fully baked casserole into individual portions before storing. Use grease-proof paper or parchment-lined muffin tins to create single-serving cups. Freeze them this way, and reheat directly in the microwave for 1-2 minutes on high.
This keeps the crispy topping intact and makes serving a breeze for busy weeknights. ✨
Cheese Topping Hack
If you're making this ahead and want to avoid a soggy cheese topping, skip adding the cheese until baking time. Assemble the casserole with just the fried onions, then sprinkle the 0.5 cup sharp cheddar on top right before putting it in the oven.
This prevents the cheese from melting too early and turning the topping mushy—trust me, it makes a noticeable difference!
Nutrition facts
Frequently asked questions
Why do my green beans turn mushy instead of staying tender?
The key is proper blanching! Undercooking them makes them tough, while overcooking turns them mushy. 5-6 minutes in boiling water followed by an ice bath stops the cooking process perfectly. Also, don't skip draining thoroughly—excess moisture weakens the texture during baking. The 2-inch pieces help too, ensuring even cooking.
How can I make the fried onion topping extra crispy?
Double the crispiness by using 2 cups fried onions total (1.5 cups mixed with cheese + 0.5 cup on top). Press them gently but firmly into the cheese layer before baking. For that golden-brown finish, broil for 2-3 minutes at the end of baking—just watch closely!
Can I use frozen green beans instead of fresh?
Just use 1.5 lbs frozen beans instead of fresh. Thaw and drain them well in a colander, then pat dry completely before mixing with the sauce. The texture will be slightly softer than fresh, but still delicious. Skip the blanching step entirely for frozen beans.
What's the best way to reheat leftovers without soggy topping?
Cover tightly with foil and bake at 350°F for 20 minutes, then uncover and broil for 2-3 minutes to restore crispiness. Avoid microwaving—it turns the topping rubbery. For individual servings, freeze portions in muffin tins with parchment paper for perfect reheating later.