American Green Bean Casserole Recipe: Homestyle Crunch with Creamy Mushroom Magic

Side Dishes

American Green Bean Casserole Recipe: Homestyle Crunch with Creamy Mushroom Magic

This American green bean casserole recipe brings back the comforting flavors of classic holiday dinners with its creamy mushroom sauce and crispy fried onions. 💛 The perfect balance of tender green beans, rich mushroom soup, and golden toppings makes it a timeless side dish that pairs beautifully with roasted meats or mashed potatoes.

The secret to this dish lies in the layers—starting with blanched green beans, a velvety cream of mushroom soup base, and a crunchy topping of fried onions. I’ve perfected this recipe to ensure the beans stay tender while the sauce remains rich and flavorful, all baked to a golden finish.

It’s the kind of dish that tastes even better the next day, making it ideal for meal prep or holiday gatherings.

What sets this version apart is the flexibility—traditionalists can use classic fried onions, while modern twists include gluten-free or vegan adaptations. The creamy texture comes from the soup, but the crispy topping delivers that satisfying crunch that makes this casserole unforgettable.

Ready in about 45 minutes, it’s a foolproof recipe that delivers restaurant-quality results at home.

Serve it warm with a sprinkle of extra onions for that signature crunch, and watch it disappear from the table. Whether you’re reviving a family tradition or trying it for the first time, this green bean casserole is a guaranteed crowd-pleaser. Let’s get baking!

👨‍🍳
Difficulty
Medium
🌿
Category
Vegetarian
🔥
Calories
Med Cal

Ingredients for american green bean casserole

Fresh green beans, creamy mushroom soup, and crispy fried onions create this nostalgic holiday side dish.

Ingredient Amount Notes
Fresh Green Beans 🥦 1 ½ lb Trimmed, cut into 2-inch pieces
Cream of Mushroom Soup 🍄 2 cups Canned or homemade, unsalted
Milk 🥛 ½ cup Whole milk for creaminess
Butter 🧈 ½ cup Unsalted, melted
All-Purpose Flour 🌾 ¼ cup For thickening sauce
Salt 🧂 1 tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground preferred
Garlic Powder 🧄 ½ tsp For added depth
Onion Powder 🧅 ½ tsp Enhances savory flavor
Fried Onions 🧅 1 ½ cups Gluten-free if needed
Shredded Cheese 🧀 1 cup Cheddar or mozzarella
Breadcrumbs 🍞 ½ cup Panko for extra crunch
Olive Oil 🫒 1 tbsp For crispy topping

The green beans are the foundation—look for bright, crisp ones at the grocery store, not wilted or yellowing. Trader Joe’s or Whole Foods often carry the freshest, but any quality supermarket works. Trim the ends and cut them into even pieces for consistent cooking. For the mushroom soup, Condensed Campbell’s Cream of Mushroom is the classic choice, but homemade versions with fresh mushrooms and a splash of cream elevate the dish. The milk and butter in the sauce create that signature creamy texture, so don’t skimp on the full-fat versions—they’re worth the extra richness.

No fried onions? Crispy shallots or homemade fried onion rings work beautifully. For a gluten-free twist, use certified gluten-free breadcrumbs or crushed gluten-free crackers. The cheese topping can be swapped for vegan cheese or nutritional yeast if needed, though traditional cheddar adds that classic tang. If your flour mixture feels too thick, add a splash of milk to loosen it before pouring over the beans. The secret to the crispy topping is mixing the breadcrumbs with olive oil and a pinch of salt before sprinkling—this ensures maximum crunch.

This casserole tastes even better the next day, so make it ahead and refrigerate for up to 2 days before baking. The fried onions lose their crunch when reheated, so always add a fresh sprinkle before serving. Store leftovers covered in the fridge for 4-5 days, and freeze portions for up to 3 months. For meal prep, assemble the dish in a baking dish, cover tightly, and bake when ready—no need to thaw. The creamy sauce thickens as it cools, so a quick stir with a splash of milk brings it back to perfection.

❤️

Why You'll Love This Recipe

  • Five-Ingredient Magic: I swear by this recipe because it’s that simple—just trim the beans, mix the soup with milk and butter, toss them in, and bake. No chopping, no fuss, just hands-off perfection while you sip your coffee.
  • Creamy Crunch Combo: That buttery flour topping crackles like a golden hug, while the creamy mushroom soup base makes every bite feel like a warm embrace. (Yes, even on a Tuesday night.)
  • Holiday or Weeknight: I’ve served this at Thanksgiving dinners and lazy Sunday suppers—it’s equally at home in both. The only difference? Adding a sprinkle of crispy fried onions for extra flair when company’s over.
  • Budget Meal Stretch: A single can of soup and a handful of fresh beans stretch into four servings, and leftovers reheat like a dream. Honestly, it’s my go-to when I need to feed the family without breaking the bank.

Step-by-step instructions for American green bean casserole

Here's the classic method that delivers that perfect creamy texture and crispy topping we all love.

1

🍳 Step 1: Prepare the Green Beans and Thicken the Sauce

Preheat your oven to 375°F. Trim the ends from the 1.5 lb fresh green beans and cut them into 2-inch pieces. Spread them evenly on a baking sheet and toss with 1 tablespoon olive oil, ½ teaspoon salt, and ¼ teaspoon black pepper. Roast for 10-12 minutes until tender but still bright green—you want them to hold their shape but be fork-tender.

While the beans roast, melt ½ cup butter in a medium saucepan over medium heat. Whisk in ¼ cup all-purpose flour and cook for 1-2 minutes until bubbly but not browned. Slowly pour in the 2 cups cream of mushroom soup and ½ cup milk, whisking constantly to prevent lumps. Stir in ½ teaspoon garlic powder and ½ teaspoon onion powder, then simmer for 5 minutes until the sauce thickens enough to coat the back of a spoon. Remove from heat and set aside.

2

🥘 Step 2: Assemble the Casserole Layers

Transfer the roasted green beans to a 9x13-inch baking dish and spread them evenly in a single layer. Pour the creamy mushroom sauce over the beans, spreading it evenly to coat all the pieces. Sprinkle 1 cup shredded cheese evenly over the top, pressing down gently so it melts into the sauce. This step ensures every bite gets that rich, cheesy flavor.

Here's where the magic happens: scatter 1.5 cups fried onions evenly over the cheese layer. The onions will crisp up beautifully during baking, adding that signature crunch we all crave. Don't skip this layer—it's what makes this casserole special.

3

🔥 Step 3: Create the Crispy Topping and Bake

In a small bowl, mix together ½ cup breadcrumbs and ½ teaspoon salt. Drizzle with 1 teaspoon olive oil (just enough to lightly coat) and toss until evenly distributed. Sprinkle this mixture evenly over the entire casserole, pressing down gently with your fingers to help it adhere. This topping is the secret to that perfect crunchy finish.

Bake uncovered for 20-25 minutes until the top is golden brown and the edges bubble slightly. You'll know it's done when the breadcrumb topping is crispy and the cheese has melted into a smooth blanket over the beans. The casserole should be hot throughout—if you're unsure, check the internal temperature with a thermometer; it should reach 165°F.

4

⏰ Step 4: Rest and Serve for Maximum Creaminess

Remove the casserole from the oven and let it rest for 10 minutes before serving. This resting period allows the layers to set slightly, making it easier to slice and serve. The sauce will thicken just enough to hold its shape when scooped, but it'll still be creamy and delicious.

Garnish with additional fried onions if desired, though I find the baked ones provide just the right amount of crunch. Serve warm with crusty bread or as a side dish to your favorite main. The flavors will be at their peak when served immediately, but you can reheat leftovers in the oven at 350°F for 10-15 minutes to restore that crispy topping.

👨‍🍳

Pro Tips For Making American Green Bean Casserole

  • Trim Beans Like a Pro: Cut those green beans into 1-inch pieces—not too small, or they’ll turn to mush, and not too big, or they’ll stay crunchy when the rest is tender. I learned this the hard way after serving a casserole where half the beans were still biting into me like tiny swords.
  • Pre-Cook the Beans: Boil them for exactly 3-4 minutes before mixing with the soup sauce—just until bright green and slightly tender. Drain well, then shock them in ice water to stop cooking. Skipping this step means soggy beans that absorb too much sauce and lose their snap.
  • Thicken the Sauce Right: Mix your flour and milk into the soup before adding the butter—this keeps the sauce smooth and prevents lumps. After it thickens, stir in the butter last, or you’ll end up with a greasy, separated mess. Trust me, I’ve seen it happen.
  • Toast the Topping Early: Butter the flour mixture for the topping before baking, then sprinkle it on while the casserole is still hot. The residual heat melts the butter into the flour faster, creating a golden, crispy crust instead of a sad, pale blanket. (Yes, even if you’re impatient like me.)

Best sauces and condiments for this dish

Classic Creamy Mushroom Sauce

The star of this casserole is the creamy mushroom sauce, made with 2 cups cream of mushroom soup and ½ cup milk for that velvety texture.

I always use Campbell’s Condensed Cream of Mushroom for that nostalgic flavor, but for extra richness, try a homemade version with ½ cup heavy cream instead of milk.

For a gluten-free twist, swap the flour-thickened sauce for a cornstarch slurry—just mix 1 tablespoon cornstarch with 2 tablespoons cold water and stir it into the hot soup until thickened. 🍄

Crispy Fried Onion Variations

The fried onions are non-negotiable for that signature crunch! Store-bought French fried onions (like Green Giant) work perfectly, but for a fresher taste, make your own by thinly slicing 2 large yellow onions, frying in ½ cup vegetable oil at 350°F for 3-4 minutes until golden.

For a gluten-free option, use certified gluten-free fried onions or crispy shallots. Pro tip: Toss the fried onions with ½ teaspoon smoked paprika before adding them to the casserole for a subtle smoky depth. 🧅

Cheesy Topping Upgrades

While 1 cup shredded cheddar is classic, don’t be afraid to experiment! A mix of sharp cheddar and Monterey Jack adds depth, while mozzarella melts beautifully for a stretchy texture.

For a vegan version, use 1 cup vegan shreds (like Daiya) or nutritional yeast for a cheesy flavor without dairy. If you love extra crispiness, sprinkle ½ cup panko breadcrumbs on top before baking—it’ll get even crunchier than the base topping. 🧀

Extra Crunchy Topping Mix

For that perfect crunch, mix ½ cup breadcrumbs with 1 teaspoon olive oil, ½ teaspoon garlic powder, and a pinch of salt before sprinkling. For a nutty twist, add 2 tablespoons chopped walnuts or pecans to the topping mix.

If you’re avoiding gluten, use crushed gluten-free crackers or almond flour instead of breadcrumbs. The key is to press the topping down gently before baking so it sticks and crisps up evenly. 🌾

Sauce Boosters for Depth

Elevate your sauce with ½ teaspoon Worcestershire sauce for umami, ½ teaspoon Dijon mustard for tang, or 1 teaspoon soy sauce for a savory kick. For a herbaceous note, stir in 1 teaspoon dried thyme or 1 tablespoon fresh parsley at the end.

If you love spice, add ¼ teaspoon cayenne pepper or a pinch of red pepper flakes—just don’t overdo it, or the creamy sauce will turn too sharp. 🌶️

Make-Ahead Sauce Hack

Prep the sauce a day ahead and store it in an airtight container in the fridge. When ready to assemble, reheat it gently on the stovetop with a splash of milk to restore its creamy consistency.

You can also freeze the sauce for up to 3 months—just thaw overnight in the fridge before using. This trick saves time on busy days and ensures your casserole stays creamy and delicious. ⏰

Nutrition facts

Servings 6
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 16g80%
Cholesterol 75mg25%
Sodium 920mg39%
Total Carbohydrate 42g15%
Dietary Fiber 5g18%
Sugars 8g
Protein 18g36%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I use frozen green beans instead of fresh?

Yes! Frozen green beans work perfectly—just thaw and drain them well before using. For best texture, spread them on a paper towel to remove excess moisture, then proceed with the recipe as written. The cooking time will be slightly shorter since they're pre-cooked.

2

What if I don't have cream of mushroom soup?

No problem! Make a quick homemade version by sautéing 1 cup sliced mushrooms in 2 tablespoons butter, then adding 2 tablespoons flour and 2 cups milk to create a roux. Simmer for 5 minutes until thickened. For extra flavor, add ½ teaspoon garlic powder and ½ teaspoon onion powder.

3

How do I make this gluten-free?

Swap the all-purpose flour for 1 tablespoon cornstarch mixed with 2 tablespoons cold water to thicken the sauce. Use gluten-free breadcrumbs or crushed gluten-free crackers for the topping, and check your fried onions for gluten-free certification. The rest of the recipe remains the same!

4

Can I make this ahead of time?

Assemble the casserole (up to the final topping) and refrigerate for up to 24 hours. Add the breadcrumb topping and bake as directed. For leftovers, reheat covered at 350°F for 15 minutes to restore crispiness. The flavors actually improve after resting!

5

Why did my casserole turn out watery?

This usually happens if the sauce wasn't thickened enough or the beans released too much moisture. Next time, simmer the sauce longer until it coats the back of a spoon, and drain any excess liquid from the beans before assembling. For extra insurance, let the casserole sit at room temperature for 15 minutes before baking.

★★★★★4.6(8 reviews)
Categories Side Dishes