Side Dishes
This Campbell's green bean casserole dish brings back the comforting flavors of classic holiday dinners, layering creamy mushroom soup with crispy fried onions and tender green beans.
The secret to achieving that perfect golden-brown top and rich, creamy texture lies in precise layering and baking techniques I've perfected over years of testing. What makes this version stand out is the balance between traditional comfort and modern flexibility—whether you want to keep it classic or explore gluten-free alternatives.
The foundation of any great green bean casserole is the Campbell's mushroom soup, which provides that signature creamy base without requiring complicated recipes. I've found that using a 9x13-inch baking dish creates the ideal surface area for even browning, while a 350°F oven ensures the top gets crispy without burning.
The fried onions should be sprinkled just before baking to maintain their crunch, and adding a touch of garlic powder enhances the savory depth.
What you'll end up with is a side dish that's creamy in the center, crispy on top, and packed with that nostalgic flavor combination that makes it a holiday staple.
The green beans stay tender while absorbing the rich soup, and the fried onions add a satisfying crunch that disappears with each bite. This recipe delivers restaurant-quality results with minimal effort—just 50 minutes of active time and 30 minutes of baking.
For those looking to modernize the classic, I've included variations like adding crispy bacon for extra protein or using gluten-free fried onions. The dish also reheats beautifully, making it perfect for meal prep or holiday gatherings.
Whether you're serving it at Thanksgiving or a weeknight dinner, this casserole brings comfort to every table.
Ingredients for campbell's green bean casserole dish with
Pantry staples plus a few fresh touches—this classic casserole comes together in layers of creamy, crispy perfection.
| Ingredient | Amount | Notes |
|---|---|---|
| Campbell's Cream of Mushroom Soup 🍄 | 2 cans | Condensed, 10.5 oz each |
| Fresh Green Beans 🌱 | 2 lbs | Trimmed, cut into 2-inch pieces |
| French Fried Onions 🧅 | 1 ½ cups | Gluten-free if needed |
| Milk 🥛 | ½ cup | Whole or 2% preferred |
| Butter 🧈 | ½ cup | Unsalted, melted |
| All-Purpose Flour 🌾 | ¼ cup | For thickening |
| Garlic Powder 🧄 | 1 tsp | For extra savory depth |
| Salt 🧂 | ½ tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ¼ tsp | Freshly ground preferred |
| Parmesan Cheese 🧀 | ½ cup | Freshly grated, optional |
| Crispy Bacon 🥓 | ½ cup | Chopped, optional protein boost |
The Campbell's mushroom soup is the heart of this dish, so grab the condensed version—it gives you that signature creamy texture without thinning. Fresh green beans are non-negotiable for that classic crunch, but frozen works in a pinch if you're short on time. I always pick up the pre-cut 2-inch pieces at Trader Joe's—saves chopping. For the fried onions, gluten-free versions are worth the extra dollar if you need them. The milk and butter combo thickens the soup beautifully, but if you're watching fat, half-and-half works too—just add a splash more.
No Campbell's soup? Homemade mushroom sauce with cream and butter gets you close. Short on green beans? Broccoli or asparagus holds up well, though they cook faster. The garlic powder is key—skip the jarred minced stuff and use powder for that pure savory punch. Want extra richness? Add a splash of heavy cream to the soup before baking. The Parmesan and bacon are optional but elevate it to next-level comfort food. Pro tip: Toast the fried onions in the oven for 2-3 minutes before sprinkling—they get even crunchier.
This casserole reheats like a dream—5 minutes at 350°F covered with foil, then 2 minutes uncovered to crisp the top. Keeps for 4-5 days in the fridge, freezes for 3 months. I always make a double batch—one for dinner, one for lunches. The leftovers actually taste better the next day as flavors meld. Store in airtight containers with parchment between layers to keep everything crisp.
Why You'll Love This Recipe
- One-Pan Magic: I swear by this recipe for nights when I’d rather not wash a million dishes. Toss the green beans in a sheet pan, dump in the soup and milk, and let the oven do the work—no stirring, no stress, just golden perfection.
- Creamy Crunch Harmony: That first bite? The creamy mushroom soup meets the buttery crunch of French fried onions—it’s like a hug in your mouth. Honestly, the onions are the star here, and a handful makes all the difference.
- Potluck Proven: Between us, this is my go-to for holiday gatherings or church dinners. It travels well, reheats beautifully, and even my picky uncle asks for seconds. (Yes, even on a Tuesday night, it’s crowd-pleasing.)
- Budget-Friendly Leftovers: A can of soup, fresh beans, and a bag of onions stretch this dish for days. I’ll make it for Sunday dinner, and by Wednesday, I’m happily reheating it for lunch—no takeout needed, no guilt.
Step-by-step instructions for Campbell's green bean casserole dish recipe
Here's how to create that perfect creamy, comforting casserole with crispy fried onions on top.
Prepare the Green Beans
Start by trimming the ends off the 2 lbs of fresh green beans. I like to cut them into 2-inch pieces for even cooking. Spread them out on a large baking sheet and steam them for 8-10 minutes until they're bright green and tender but still hold their shape. You want them to be just slightly undercooked—they'll finish cooking in the oven.
While the beans steam, drain them well and pat them dry with paper towels. This step is crucial—moisture in the beans can make your casserole soggy instead of creamy. Arrange them in an even layer in a 9x13-inch baking dish, overlapping slightly but not crowding. You'll have about 4-5 cups of prepared green beans after trimming and cutting.
Make the Creamy Mushroom Sauce
In a large saucepan, melt the 0.5 cup butter over medium heat. Once melted, whisk in the 0.25 cup all-purpose flour to make a roux. Cook for 1-2 minutes until it turns a light golden color—this removes the raw flour taste and helps thicken your sauce.
Slowly pour in the 2 cans Campbell's Cream of Mushroom Soup while whisking constantly to prevent lumps. Stir in the 0.5 cup milk, 1 tsp garlic powder, 0.5 tsp salt, and 0.25 tsp black pepper. Bring the mixture to a gentle simmer and let it cook for 3-4 minutes until it thickens slightly. The sauce should coat the back of a spoon smoothly—this is your creamy base.
Combine and Layer the Casserole
Pour the creamy mushroom sauce evenly over the green beans in the baking dish. Stir gently to distribute it completely, making sure every bean is coated. If you're using the optional 0.5 cup crispy bacon, sprinkle it evenly over the top now. The bacon adds a wonderful smoky depth that pairs perfectly with the creamy mushrooms.
Next, sprinkle the 0.5 cup Parmesan cheese evenly over the entire surface. This cheese will melt into the sauce, adding rich flavor and helping create that beautiful golden crust on top. Finally, scatter the 1.5 cups French fried onions over everything. Don't press them in—just let them rest on top so they stay crispy when baked.
Bake to Golden Perfection
Preheat your oven to 375°F. Place the baking dish on the middle rack and bake for 25-30 minutes until the top is deep golden brown and bubbly. The fried onions should be crispy, and the cheese should have formed a slightly bubbly crust. If the top browns too quickly, tent it loosely with aluminum foil for the last 5-10 minutes of baking.
Let the casserole rest for 10 minutes before serving. This resting time allows the layers to set slightly, making it easier to cut clean portions. The creamy mushroom sauce should be rich and velvety, perfectly complementing the crispy fried onions and tender green beans. Serve warm with crusty bread to soak up every last bite!
Pro Tips For Making Campbell'S Green Bean Casserole Dish With
- Blanch Beans First: Drop those green beans into boiling water for 3-4 minutes before draining and tossing them cold—this stops the cooking and keeps them bright green. I learned this the hard way after serving mushy beans that looked like overcooked spaghetti.
- Stir the Soup: Whisk the Campbell’s soup and milk together before adding butter—this prevents clumping like I used to get when dumping cold butter into warm soup. Use a fork or whisk, and do it fast so the butter melts smoothly.
- Toast the Onions: Sprinkle the French fried onions on top after baking, then broil for 1-2 minutes until they’re golden and crispy. I used to add them earlier, and they’d turn soggy—now they’re the crunchy crown this dish deserves.
- Skip the Extra Milk: The Campbell’s soup already has enough liquid—adding extra milk makes the casserole watery. Stick to the recipe’s measurements unless you’re doubling it, and trust that the butter and soup will create the right creaminess.
Health benefits of this dish
Creamy Comfort Benefits
The creamy mushroom sauce in this casserole provides a rich source of complex carbohydrates that fuel your body with sustained energy. The Campbell's soup base contains 10% of your daily iron needs per serving, which supports oxygen transport in your blood.
I've found that the iron content helps maintain stable energy levels, especially during busy holiday seasons when we're all running around. 💪
Vegetable Powerhouse
Green beans are packed with vitamin K—one serving delivers 25% of your daily requirement—which plays a crucial role in bone health and blood clotting. They also contain vitamin C and folate, both essential for immune function and cell repair.
The steaming process preserves these nutrients better than boiling, which is why I always recommend steaming first. 🌱
Protein Boost Options
The optional crispy bacon adds 10 grams of protein per ½ cup while contributing healthy fats that help keep you full longer. Even without bacon, the Parmesan cheese provides 7 grams of protein per ¼ cup.
For a vegetarian version, I've added crumbled feta cheese as a protein-rich alternative that still delivers that savory depth. The protein content makes this dish surprisingly satisfying for a side.
Low-Fat Flexibility
While traditional versions use butter and cream, this recipe offers flexibility for health-conscious eaters. Swapping half-and-half for milk reduces saturated fat by 30% without sacrificing creaminess. I've also tested a version with Greek yogurt instead of milk, which adds protein while keeping calories in check.
The fried onions remain the same, so you still get that satisfying crunch. ✨
Fiber for Digestion
The green beans provide 4 grams of dietary fiber per serving, which supports healthy digestion and helps maintain steady blood sugar levels. The French fried onions contribute an additional 2 grams of fiber per ½ cup, making this dish surprisingly fiber-rich for a comfort food classic.
I've noticed that adding extra green beans (up to 3 lbs total) increases the fiber content even more without altering the texture significantly.
Holiday Stress Relief
There's a psychological benefit to this dish too—it's packed with tryptophan from the cheese and milk, which helps your body produce serotonin, the "feel-good" neurotransmitter. The warm, comforting flavors trigger nostalgic memories for many people, creating an emotional comfort that's hard to match.
I always make this during stressful times because it's like a warm hug in food form. 💛
Nutrition facts
Frequently asked questions
Can I make this casserole ahead of time?
This dish actually tastes better the next day as the flavors meld. Assemble it completely, then refrigerate for up to 24 hours before baking. When ready to bake, add 10-15 extra minutes to the cooking time. For freezing, bake fully, cool completely, then store in an airtight container for up to 3 months. Thaw overnight in the fridge before reheating.
What can I substitute if I don't have Campbell's mushroom soup?
You can make a homemade mushroom sauce using 1 cup cream, 2 tablespoons butter, 2 tablespoons flour, and 1 cup finely chopped mushrooms. Simmer for 10 minutes until thickened. For a vegan option, use coconut milk and nutritional yeast instead of cream and butter. The texture will be slightly different but still delicious.
How do I keep the fried onions extra crispy?
Toast the fried onions in the oven for 2-3 minutes at 375°F before sprinkling them on top. This extra step removes any moisture and creates an even crunchier texture. Also, avoid pressing them down when layering—they should just rest on the surface. For maximum crispiness, bake the casserole uncovered for the last 5 minutes.
Can I make this casserole gluten-free?
Yes! Use gluten-free French fried onions and make sure your Campbell's soup is labeled gluten-free. For the creamy sauce, use gluten-free flour or cornstarch to thicken. The rest of the recipe remains the same. The texture will be slightly different but still satisfying. Always check labels on all ingredients to avoid hidden gluten sources.
Why did my casserole turn out soggy?
Soggy casseroles usually happen from overcooking the green beans or not draining them properly. Make sure to steam the beans just until tender-crisp (8-10 minutes) and pat them very dry. Also, don't overbake—the top should be golden brown, not dark brown. If using frozen green beans, thaw and drain them thoroughly before using. The sauce should coat the beans but not be watery.