Creamy Green Bean Casserole from Scratch combines crisp-tender fresh green beans, savory mushrooms, a silky homemade cream sauce, and golden baked onions. Instead of relying on canned soup or packaged fried onions, every layer is prepared with simple ingredients for a fresher homemade flavor.
The creamy mushroom sauce and crunchy onion topping make this comforting casserole ideal for family dinners, holidays, and special gatherings.
Why You’ll Love This Recipe
This homemade green bean casserole delivers everything you want in a comforting side dish: tender vegetables, rich mushroom gravy, and plenty of crispy onions.
Using fresh green beans gives the casserole a brighter color and firmer texture. The mushroom sauce is made from scratch with butter, garlic, broth, and half-and-half, creating a smooth and creamy consistency without canned condensed soup.
The onions are baked rather than deep-fried, giving you a crisp golden topping with less mess. It is a family-friendly side dish that works beautifully for holiday dinners or everyday meals.
Ingredients

Baked “Fried” Onions
- 1 medium onion, thinly sliced
- ½ cup all-purpose flour
- ¾ cup panko breadcrumbs
- ½ teaspoon salt
- ¼ teaspoon ground black pepper
- 1 large egg, whisked
- 1 tablespoon milk
Green Bean Casserole
- 1 pound fresh green beans, rinsed, trimmed, and halved
- 1 tablespoon salt, for blanching
- 1 teaspoon salt, for seasoning
- 2 tablespoons unsalted butter
- 8 ounces fresh mushrooms, sliced
- ½ teaspoon ground black pepper
- 2 cloves garlic, finely minced
- 2 tablespoons all-purpose flour
- ¾ cup chicken or vegetable broth
- 1¼ cups half-and-half
Instructions
- Preheat the oven to 450°F (232°C). Line a large baking sheet with parchment paper or a silicone baking mat.
- Separate the thinly sliced onion into individual pieces.
- Prepare three shallow bowls. Add the flour to the first bowl. Combine the panko breadcrumbs, ½ teaspoon salt, and ¼ teaspoon black pepper in the second. Whisk the egg and milk together in the third.
- Coat each onion slice first in flour, then in the egg mixture, and finally in the seasoned panko breadcrumbs.
- Arrange the coated onions in a single layer on the prepared baking sheet.
- Bake for approximately 20 minutes, carefully turning the onions twice during baking so they brown evenly. Remove once crisp and golden and set aside.
- Bring a large pot of water and 1 tablespoon salt to a boil.
- Add the fresh green beans and cook for 5 minutes.
- Immediately transfer the beans to a large bowl of ice water to stop the cooking process. Once cooled, drain them thoroughly and set aside.
- Melt the butter in a large oven-safe skillet over medium-high heat.
- Add the sliced mushrooms, 1 teaspoon salt, and ½ teaspoon black pepper. Cook for approximately 5 minutes, or until the mushrooms release much of their moisture.
- Stir in the minced garlic and cook for another 1–2 minutes.
- Sprinkle 2 tablespoons of flour over the mushrooms and stir until everything is evenly coated.
- Gradually pour in the broth while stirring. Allow the mixture to simmer for approximately 3 minutes.
- Reduce the heat to medium-low and gradually stir in the half-and-half. Cook for approximately 10 minutes, stirring occasionally, until the homemade mushroom sauce becomes creamy and thick.
- Remove the skillet from the heat. Fold in all the green beans and approximately one-quarter of the baked onions.
- If your skillet isn’t oven-safe, transfer the mixture to a lightly greased 2–3-quart casserole dish.
- Scatter the remaining baked onions over the Creamy Green Bean Casserole from Scratch.
- Reduce the oven temperature to 400°F (204°C) and bake for approximately 15 minutes, or until the creamy sauce is bubbling around the edges.
- Serve warm.

Tips & Tricks
Don’t overcook the green beans during blanching. Five minutes followed immediately by an ice-water bath helps preserve their bright color and pleasant bite.
Drain the beans thoroughly before adding them to the mushroom sauce. Excess water can dilute the gravy and make your fresh green bean casserole watery.
Slice the onions relatively thin and evenly so the homemade crispy onions bake at roughly the same speed.
When coating the onions, use one hand for the dry ingredients and the other for the egg mixture. This makes the breading process much cleaner.
Give the mushrooms enough time to release their moisture before adding the flour and broth. This concentrates their savory flavor and helps create a richer sauce.
For halal-friendly preparation, use vegetable broth or halal-certified chicken broth. Check packaged panko and other processed ingredients when certification is important.
Details
Prep Time: 30 minutes
Cook Time: 45 minutes
Total Time: Approximately 1 hour 15 minutes
Yield: 6–8 servings
Category: Side Dish
Method: Baking
Cuisine: American
Difficulty: Intermediate
Dietary Notes: Vegetarian when made with vegetable broth; alcohol-free; halal-friendly when prepared with suitable broth and ingredients

Notes
Vegetable broth is an easy choice if you want to make the casserole vegetarian. Otherwise, halal-certified chicken broth adds a deeper savory flavor.
Cremini or white button mushrooms both work well in the homemade mushroom gravy.
If your casserole dish has a large surface area, watch the onion topping closely toward the end of baking to prevent excessive browning.
This green bean mushroom casserole pairs beautifully with roasted chicken, turkey, lamb, beef, mashed potatoes, rice, and other comforting side dishes.
Nutrition
Approximate nutrition per serving, based on 8 servings:
Calories: 230–280 kcal
Protein: 7–9 g
Carbohydrates: 25–30 g
Fat: 12–16 g
Nutrition is an estimate and will vary according to ingredients, broth, portion size, and the amount of breading that adheres to the onions.
FAQ
How do you make Creamy Green Bean Casserole from Scratch?
Blanch fresh green beans, prepare a creamy mushroom sauce with butter, garlic, flour, broth, and half-and-half, then combine everything in a casserole dish. Top with homemade breaded onions and bake until bubbling and golden.
Can I make green bean casserole without canned soup?
Yes. This recipe makes the creamy sauce entirely from scratch. Fresh mushrooms, garlic, butter, flour, broth, and half-and-half create the rich gravy traditionally provided by condensed soup.
Can I make homemade green bean casserole ahead of time?
Yes. Prepare the green beans and mushroom sauce and assemble the casserole in advance. Refrigerate it covered, keeping the majority of the crispy onions separate. Add the onion topping before baking for the best texture.
Why do you blanch green beans before making the casserole?
Blanching partially cooks the beans while preserving their color and texture. Cooling them immediately in ice water stops the cooking process so they don’t become overly soft in the oven.
Can I use frozen green beans instead of fresh?
Yes, although the final texture may be softer. Thaw and drain frozen beans thoroughly before adding them to the sauce so they don’t introduce unnecessary moisture.
How do I keep the onion topping crispy?
Bake the breaded onions until golden before adding them to the casserole, and reserve most of them for the top. If preparing the dish ahead, keep the topping separate until you’re ready to bake.
Storage
Store leftover casserole in an airtight container in the refrigerator for up to 3–4 days. The onion topping will gradually soften as it absorbs moisture from the sauce.
Reheat leftovers in a 350°F (175°C) oven until warmed through. Oven reheating is preferable to microwaving when you want to restore some crispness to the onion topping.
You can freeze the casserole, but dairy-based sauces and fresh green beans may change slightly in texture after thawing. For the best results, freeze the casserole without the final crispy onion topping and prepare or add fresh topping when reheating.

Similar Recipes

Creamy Green Bean Casserole from Scratch
Ingredients
- Baked “Fried” Onions
- – 1 medium onion thinly sliced
- – ½ cup all-purpose flour
- – ¾ cup panko breadcrumbs
- – ½ teaspoon salt
- – ¼ teaspoon ground black pepper
- – 1 large egg whisked
- – 1 tablespoon milk
- Green Bean Casserole
- – 1 pound fresh green beans rinsed, trimmed, and halved
- – 1 tablespoon salt for blanching
- – 1 teaspoon salt for seasoning
- – 2 tablespoons unsalted butter
- – 8 ounces fresh mushrooms sliced
- – ½ teaspoon ground black pepper
- – 2 cloves garlic finely minced
- – 2 tablespoons all-purpose flour
- – ¾ cup chicken or vegetable broth
- – 1¼ cups half-and-half
Instructions
- Preheat the oven to 450°F (232°C). Line a large baking sheet with parchment paper or a silicone baking mat.
- Separate the thinly sliced onion into individual pieces.
- Prepare three shallow bowls. Add the flour to the first bowl. Combine the panko breadcrumbs, ½ teaspoon salt, and ¼ teaspoon black pepper in the second. Whisk the egg and milk together in the third.
- Coat each onion slice first in flour, then in the egg mixture, and finally in the seasoned panko breadcrumbs.
- Arrange the coated onions in a single layer on the prepared baking sheet.
- Bake for approximately 20 minutes, carefully turning the onions twice during baking so they brown evenly. Remove once crisp and golden and set aside.
- Bring a large pot of water and 1 tablespoon salt to a boil.
- Add the fresh green beans and cook for 5 minutes.
- Immediately transfer the beans to a large bowl of ice water to stop the cooking process. Once cooled, drain them thoroughly and set aside.
- Melt the butter in a large oven-safe skillet over medium-high heat.
- Add the sliced mushrooms, 1 teaspoon salt, and ½ teaspoon black pepper. Cook for approximately 5 minutes, or until the mushrooms release much of their moisture.
- Stir in the minced garlic and cook for another 1–2 minutes.
- Sprinkle 2 tablespoons of flour over the mushrooms and stir until everything is evenly coated.
- Gradually pour in the broth while stirring. Allow the mixture to simmer for approximately 3 minutes.
- Reduce the heat to medium-low and gradually stir in the half-and-half. Cook for approximately 10 minutes, stirring occasionally, until the homemade mushroom sauce becomes creamy and thick.
- Remove the skillet from the heat. Fold in all the green beans and approximately one-quarter of the baked onions.
- If your skillet isn’t oven-safe, transfer the mixture to a lightly greased 2–3-quart casserole dish.
- Scatter the remaining baked onions over the Creamy Green Bean Casserole from Scratch.
- Reduce the oven temperature to 400°F (204°C) and bake for approximately 15 minutes, or until the creamy sauce is bubbling around the edges.
- Serve warm.
Notes
Conclusion
Creamy Green Bean Casserole from Scratch gives this classic comfort-food side dish a completely homemade touch. Fresh green beans stay pleasantly tender, mushrooms and garlic create a deeply savory cream sauce, and baked panko onions provide that essential golden crunch.
It takes a little more preparation than a shortcut casserole, but the combination of fresh vegetables, homemade mushroom gravy, and crispy onions makes it a satisfying choice for family dinners and holiday tables.

