Side Dishes
This Babish green bean casserole recipe delivers the perfect balance of crispy fried onions and creamy mushroom sauce—just like your favorite diner classic. 💛 The secret lies in layering fresh green beans with a rich cream of mushroom soup base, then crowning it with perfectly golden fried onions and melted cheese.
I've refined this recipe over years to ensure every bite delivers that satisfying crunch and velvety texture. What sets this version apart is the technique for achieving crispy fried onions without burning them, plus a few modern twists that keep the dish feeling fresh.
The creamy mushroom sauce gets its depth from sautéed onions and garlic, while the green beans stay tender-crisp through careful cooking. It's the kind of side dish that transforms a simple dinner into a showstopper.
By the time it emerges from the oven, you'll have a golden, bubbling casserole with crispy onion crowns that shatter at every bite. The creamy sauce clings to the green beans, creating a harmonious blend of textures and flavors that's impossible to resist.
This is comfort food at its finest—warm, hearty, and packed with nostalgia. Serve alongside roasted chicken or steak for a complete meal, or enjoy it as a vegetarian centerpiece. Here's how to make it perfectly every time.
Ingredients for babish green bean casserole
Six ingredients for the creamy sauce, six more for the crispy crown—just like Grandma's but better.
| Ingredient | Amount | Notes |
|---|---|---|
| Fresh Green Beans 🥦 | 1 ½ lb | Trimmed, cut into 2-inch pieces |
| Yellow Onions 🧅 | 2 whole | Medium size, sliced for frying |
| Cream of Mushroom Soup 🍄 | 2 cups | Condensed, not instant |
| Heavy Cream 🥛 | ½ cup | Full-fat for richness |
| Shredded Cheddar Cheese 🧀 | 1 ½ cups | Medium sharp, freshly grated |
| Garlic Cloves 🧄 | 3 cloves | Minced, for sauce depth |
| All-Purpose Flour 🌾 | ¼ cup | For frying onions |
| Vegetable Oil 🫒 | ½ cup | For frying onions |
| Salt 🧂 | 1 tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground |
| Dried Parsley 🌿 | 1 tbsp | For garnish, chopped |
| Butter 🧈 | 2 tbsp | Unsalted, for sautéing |
The onions are everything here. Yellow onions are the classic choice, but red or white work too—they just fry up faster. Grab the biggest, firmest ones you can find (the Sweet Baby variety at Trader Joe's is my go-to). For the green beans, harvest fresh is ideal, but frozen works in a pinch—just don't thaw them. The cream of mushroom soup? Campbell's Condensed is the gold standard here—it's what you grew up with, and it's hard to beat. If you're making this ahead, prep the fried onions first—they crisp up best when made fresh.
No heavy cream? Half-and-half plus a splash of milk gets you close, but trust me on the full-fat version. Short on cheddar? Gruyère or Swiss adds a nice depth of flavor. The garlic can be pre-minced (the stuff in jars), but fresh is worth the extra 30 seconds. For the fried onions, don't skip the flour—it's what makes them golden and crispy. And if you're worried about burning them, keep the heat at medium-low and stir constantly. The secret to perfect green beans is cooking them just until tender-crisp—they should still have a little bite when you pull them from the pot.
This casserole tastes even better the next day—honestly, it's the best part. Keeps 4-5 days in the fridge, covered tightly. For leftovers, reheat covered at 350°F for 15-20 minutes—the onions will crisp up again. Freezes beautifully too, 3 months at least. I always make a double batch—one for dinner, one for lunches. The fried onions lose crispness when reheated, so add fresh ones straight from the frying pan when serving leftovers.
Why You'll Love This Recipe
- One-Pan Magic: I swear by this recipe when I’m too tired to scrub a million dishes—just toss the green beans, onions, and soup mix in one pan, top with cream and cheese, and boom. The oven does all the work while I sip wine (or coffee, no judgment).
- Creamy Crunch Combo: That golden, buttery fried onion topping might look fancy, but it’s just store-bought onions fried in butter—simple, but oh man, the contrast with the creamy mushroom-cheese sauce? It’s the kind of dish that makes you close your eyes and sigh.
- Weeknight to Holiday: I make this for lazy Tuesday dinners, potlucks, and even Thanksgiving leftovers. The flavors hold up for days, and it’s the one side dish that everyone actually finishes—no sad, half-eaten green bean casserole here.
- Budget-Friendly Luxury: Fresh green beans feel fancy, but they’re cheaper than takeout, and the rest of the ingredients? Pantry staples. You’re getting restaurant-quality comfort for a fraction of the cost—plus, leftovers reheat like a dream (microwave or oven, no snobs here).
Step-by-step instructions for Babish green bean casserole
Here's how to build that iconic crispy-topped, creamy green bean masterpiece everyone loves.
🍳 Step 1: Blanch and Sauté the Green Beans
Start by trimming the ends from the 1.5 lb fresh green beans and cutting them into 2-inch pieces. Bring a large pot of salted water to a boil and blanch the beans for 3-4 minutes until bright green but still crisp. Drain immediately and plunge into ice water to stop cooking. Drain again and set aside.
In the same pot, melt the 2 tbsp butter over medium heat. Add the blanched green beans and sauté for 5-6 minutes until heated through and any excess moisture evaporates. Season with ½ tsp salt and ¼ tsp black pepper. This step ensures your beans stay vibrant and crisp in the finished casserole.
🍳 Step 2: Fry the Onion Crowns to Golden Perfection
Slice 2 whole yellow onions into ¼-inch thick rings. In a deep skillet, heat ½ cup vegetable oil to 350°F (use a thermometer—this is critical). Working in batches, fry the onions for 2-3 minutes per batch until deep golden brown and crispy. Drain on paper towels and sprinkle immediately with ¼ tsp salt to maintain crispness.
Real talk: Don't rush this step. The onions should be crispy enough to shatter when you press them between your fingers. If they're still soft, fry another minute. These golden crowns are what makes this casserole legendary—save them for last so they stay crispy when you assemble.
🥘 Step 3: Build the Creamy Mushroom Sauce
In the same skillet (no need to clean it—those browned bits add flavor), melt 1 tbsp butter over medium heat. Add the 3 minced garlic cloves and sauté for 30 seconds until fragrant. Stir in ¼ cup all-purpose flour and cook for 1 minute to remove the raw taste.
Gradually whisk in the 2 cups cream of mushroom soup and ½ cup heavy cream, stirring constantly to prevent lumps. Bring to a gentle simmer and cook for 3-4 minutes until slightly thickened. Remove from heat and stir in 1.5 cups shredded cheddar cheese until melted and smooth. Season with remaining ½ tsp salt and ¼ tsp black pepper.
🥘 Step 4: Assemble and Bake to Bubbly Perfection
Preheat your oven to 375°F. In a 9x13-inch baking dish, spread the sautéed green beans in an even layer. Pour the creamy mushroom sauce over the top, spreading it evenly. Sprinkle the 1 tbsp dried parsley over the sauce.
Here's the thing—don't add the fried onions yet. Instead, top the casserole with all the crispy onion crowns you made earlier, pressing them gently into the sauce. This ensures they stay submerged and crispy during baking. Bake uncovered for 20-25 minutes until bubbly and golden brown on top.
🔥 Step 5: Broil for Maximum Crispiness (Don't Skip!)
Switch your oven to broil and place the casserole on the middle rack. Broil for 2-3 minutes until the top is deep golden brown and the cheese is bubbly. Watch it closely—it goes from perfect to burnt in seconds. Remove from oven and let rest for 5 minutes before serving.
This broiling step is what creates that glorious crispy top everyone craves. Serve immediately with crusty bread to soak up all that creamy goodness. The onions should still be crispy enough to bite into, the sauce rich and velvety, and the green beans bright and tender. Perfect every time!
Pro Tips For Making Babish Green Bean Casserole
- Blanch Beans First: Drop those green beans into boiling water for 3-4 minutes before assembling—this stops them from turning mushy later. I learned this the hard way after serving a watery casserole that looked like soup. Drain well and shock in ice water to keep their crunch.
- Sauté Onions Low: Cook the onions until soft, not browned—this prevents bitterness that’ll fight with the creamy sauce. I used to rush this step and ended up with a dish that tasted like overcooked onion soup. Keep heat moderate and stir often.
- Skip the Pre-Baked Topping: Add the cheese after baking, not before—it’ll melt into a glossy blanket instead of turning rubbery. I was skeptical until I tried it: the top layer stays creamy and golden, not dry. Just sprinkle it on the last 5 minutes.
- Thin the Sauce Right: Mix the soup and cream before adding to the beans—this ensures even coating and prevents clumps. I used to dump them in separately and ended up with a lumpy mess. Stir well, then adjust thickness with a splash of milk if needed.
Health benefits of these flavors
Fiber-Rich Vegetable Boost
Green beans are the star here, packed with 4 grams of fiber per cooked cup—that's 15% of your daily needs in a single serving! This fiber supports digestion and helps keep you feeling full longer, making it a great side for hearty meals.
The blanching process preserves most of this fiber while keeping the beans tender-crisp. 🥦
Protein-Packed Creamy Sauce
The cream of mushroom soup and heavy cream combo delivers 8 grams of protein per serving—more than you'd expect from a veggie dish. The shredded cheddar cheese adds another 7 grams, making this a surprisingly satisfying side even for protein-focused diets.
It's why this casserole feels so hearty alongside grilled meats.
Healthy Fat Benefits
Don't let the creamy texture fool you—the heavy cream and butter provide saturated fats that your body needs for brain function and hormone production. While not a low-fat dish, these fats make the casserole rich and satisfying.
For a lighter version, you could substitute half-and-half or Greek yogurt without sacrificing too much flavor.
Low-Calorie Comfort
At just 220 calories per serving, this casserole delivers comfort without guilt. The green beans provide volume and nutrients with minimal calories, while the fried onions add satisfying crunch. It's the perfect balance for a side dish that feels indulgent but won't derail your day's nutrition goals.
Vitamin K and Bone Support
The cheddar cheese in this recipe is an excellent source of vitamin K2, which works with calcium to support bone health. A single serving provides 10% of your daily needs, making this casserole a sneaky way to boost your bone-strengthening nutrients.
The garlic in the sauce also adds anti-inflammatory benefits.
Customizable for Dietary Needs
Want to make this healthier? Swap the heavy cream for unsweetened almond milk and use low-fat cheese to cut saturated fat by 30%. For a vegan version, use cashew cream and nutritional yeast instead of cheese. The fiber-rich green beans remain the nutritional anchor in any variation. 💡
Nutrition facts
Frequently asked questions
Can I use frozen green beans instead of fresh?
Yes, but with one key adjustment! Use 1.5 cups frozen green beans (cut into similar 2-inch pieces if large) and skip the blanching step. Simply thaw them in cold water, drain well, and sauté directly in the butter for 6-7 minutes until heated through. Frozen beans work best when they're still slightly icy—this helps maintain their texture.
Why do my fried onions turn soggy?
This happens when they absorb moisture from the casserole during baking. To prevent it, press the onions gently but firmly into the sauce before baking, and add them last (after the sauce is already in the dish). For extra insurance, sprinkle them with ½ teaspoon cornstarch before frying—it creates a barrier against moisture.
Can I make this ahead of time?
Assemble the casserole up to 24 hours ahead and refrigerate uncovered. When ready to bake, let it sit at room temperature for 30 minutes before baking (add 5 extra minutes to the baking time). For the best results, fry the onions fresh the day you serve—this ensures maximum crispiness in every bite.
What's the secret to extra crispy fried onions?
Three things: precise oil temperature (350°F), thin even slices, and immediate draining. Use a thermometer to monitor the oil—too hot and they burn, too cool and they steam. Work in small batches (don't overcrowd the pan) and drain on a wire rack instead of paper towels to prevent steam from making them soggy.
Is there a way to make this gluten-free?
Yes! Replace the all-purpose flour with ¼ cup gluten-free flour blend (like Bob's Red Mill 1:1) for the sauce, and use certified gluten-free breadcrumbs mixed with oil to coat the onions instead of regular flour. For the best texture, fry the onions in batches and keep the oil hot—gluten-free versions can be trickier to crisp.