This Green Bean Casserole from Scratch brings together tender fresh green beans, a rich homemade mushroom sauce, and golden, crispy baked onions. Every bite is creamy, savory, and full of comforting homemade flavor.
Unlike traditional casseroles made with canned soup and packaged fried onions, this version uses simple ingredients to create a fresh, flavorful side dish. The mushrooms and garlic give the sauce a wonderful depth, while the crunchy onion topping adds the perfect finishing touch.
Whether you’re preparing a Thanksgiving dinner, a holiday gathering, or a cozy family meal, this homemade green bean casserole is a delicious addition to the table.
Why You’ll Love This Recipe
Made entirely from scratch: Fresh green beans, homemade mushroom sauce, and crispy baked onions create a casserole with wonderful flavor and texture.
No canned soup needed: The creamy sauce comes together with butter, mushrooms, garlic, broth, and half-and-half.
Perfectly crispy onion topping: Homemade breaded onions bake until golden and crunchy, adding a delicious contrast to the creamy casserole.
Fresh and flavorful: Blanching the green beans helps preserve their bright color and prevents them from becoming overly soft.
Family-friendly: This comforting vegetable side dish pairs beautifully with roasted chicken, turkey, beef, and other family favorites.
Great for holidays: This easy Thanksgiving green bean casserole can be prepared in stages, making holiday cooking more manageable.
Ingredients

For the Crispy Baked Onions
- 1 medium onion, thinly sliced
- 1/2 cup (62 g) all-purpose flour
- 3/4 cup (45 g) panko breadcrumbs
- 1/2 teaspoon salt
- 1/4 teaspoon ground black pepper
- 1 large egg, whisked
- 1 tablespoon (15 ml) milk
For the Green Bean Casserole
- 1 pound fresh green beans, rinsed, trimmed, and halved
- 1 tablespoon salt, for blanching
- 1 teaspoon salt, for seasoning
- 2 tablespoons (28 g) unsalted butter
- 8 ounces fresh mushrooms, sliced
- 1/2 teaspoon ground black pepper
- 2 cloves garlic, finely minced
- 2 tablespoons (15 g) all-purpose flour
- 3/4 cup (180 ml) halal-certified chicken broth or vegetable broth
- 1 1/4 cups (300 ml) half-and-half
Instructions
Step 1: Preheat the Oven
Preheat your oven to 450°F (232°C).
Line a large baking sheet with parchment paper or a silicone baking mat. Set it aside while you prepare the onion topping.
Step 2: Prepare the Crispy Baked Onions
Separate the thinly sliced onion into individual pieces.
Prepare three shallow bowls. Place the flour in the first bowl, combine the panko breadcrumbs with the salt and black pepper in the second, and whisk together the egg and milk in the third.
Dip each onion slice into the flour, followed by the egg mixture, and finally the seasoned breadcrumbs.
Arrange the coated onion slices in a single layer on the prepared baking sheet.
Bake for approximately 20 minutes, turning the onions twice during cooking to encourage even browning.
Once the onions are golden and crispy, remove them from the oven and set aside.
Step 3: Blanch the Green Beans
Bring approximately one gallon of water to a rolling boil in a large saucepan.
Add 1 tablespoon of salt, followed by the trimmed green beans.
Cook for 5 minutes, then immediately transfer the beans to a large bowl filled with ice water.
Allow them to cool completely before draining thoroughly.
This process helps preserve their fresh color and keeps them from becoming too soft during baking.
Step 4: Cook the Mushrooms and Garlic
Melt the butter in a large, 10- to 12-inch oven-safe skillet over medium-high heat.
Add the sliced mushrooms, 1 teaspoon of salt, and 1/2 teaspoon of black pepper.
Cook for approximately 5 minutes, stirring occasionally, until the mushrooms release their moisture and begin to soften.
Add the minced garlic and continue cooking for another 2 minutes, stirring to prevent burning.
Step 5: Make the Creamy Mushroom Sauce
Sprinkle the flour over the mushroom mixture and stir until evenly combined.
Gradually pour in the chicken or vegetable broth, stirring continuously to prevent lumps.
Allow the mixture to simmer for approximately 3 minutes.
Reduce the heat to medium-low and slowly add the half-and-half.
Continue cooking for about 10 minutes, stirring occasionally, until the sauce becomes thick, smooth, and creamy.
Step 6: Assemble the Casserole
Remove the skillet from the heat.
Add the blanched green beans and approximately one-quarter of the baked onions.
Gently fold everything together until the vegetables are evenly coated in the mushroom sauce.
If your skillet is not oven-safe, transfer the mixture to a lightly greased 2- to 3-quart casserole dish.
Spread the remaining crispy onions evenly over the top.
Step 7: Bake Until Golden and Bubbly
Reduce the oven temperature to 400°F (204°C).
Bake the Green Bean Casserole from Scratch for approximately 15 minutes, or until the sauce bubbles around the edges and the onion topping is golden.
Remove from the oven and allow the casserole to rest for a few minutes before serving.
Serve warm and enjoy the combination of creamy vegetables and crunchy homemade onions.

Tips & Tricks
Use fresh green beans for the best texture.
Fresh beans hold their shape beautifully during blanching and baking. Choose firm, brightly colored beans without soft spots.
Do not skip the ice bath.
Immediately cooling the blanched beans stops the cooking process and helps preserve their vibrant green color.
Dry the beans thoroughly.
Excess moisture can thin the mushroom sauce. Drain the beans well and pat them dry if necessary before adding them to the skillet.
Cook the mushrooms until their moisture evaporates.
Mushrooms release liquid as they cook. Allowing some of that moisture to evaporate creates a richer, more concentrated flavor.
Add the broth gradually.
Pouring the broth slowly while stirring helps the flour blend smoothly into the sauce without forming lumps.
Keep the sauce at a gentle simmer.
After adding the half-and-half, avoid vigorous boiling. Gentle heat helps maintain a smooth, creamy consistency.
Spread the onions in a single layer.
Overcrowding the baking sheet can prevent the onion slices from becoming evenly crispy. Use two baking sheets if necessary.
Use halal-friendly ingredients.
Choose halal-certified chicken broth or vegetable broth, and check packaged breadcrumbs and other prepared ingredients for suitability.
Details
Prep Time: 25 minutes
Cook Time: 55 minutes
Total Time: 1 hour 20 minutes
Yield: 6 servings
Category: Side Dish
Method: Blanching, Sautéing, Baking
Cuisine: American
Difficulty: Easy to Moderate
Dietary Notes: Halal-friendly when prepared with suitable ingredients; vegetarian when made with vegetable broth. Contains gluten, dairy, and egg.

Notes
Vegetarian option: Use vegetable broth instead of chicken broth. It provides a delicious savory base that complements the mushrooms.
Mushroom varieties: White button mushrooms and cremini mushrooms both work beautifully in this recipe. Cremini mushrooms provide a slightly deeper, earthier flavor.
Extra creamy sauce: For a richer casserole, replace a small portion of the half-and-half with heavy cream.
Gluten-free option: Substitute the all-purpose flour with a suitable gluten-free flour blend and use gluten-free breadcrumbs.
Dairy-free option: Use plant-based butter, unsweetened dairy-free milk, and a suitable dairy-free cream alternative. The sauce may need slight adjustments to achieve the desired thickness.
Serving suggestions: Pair this creamy green bean casserole with roasted turkey, herb-roasted chicken, mashed potatoes, baked sweet potatoes, or a simple green salad.
Nutrition
Approximate nutritional values per serving, based on 6 servings:
- Calories: 300 kcal
- Protein: 10 g
- Carbohydrates: 33 g
- Fat: 15 g
- Fiber: 4 g
- Sugar: 7 g
- Sodium: 700 mg
Nutritional values are estimates and may vary depending on ingredient brands, broth sodium content, portion sizes, and the amount of breading retained on the onions.
FAQ
1. Can I make green bean casserole without canned soup?
Absolutely! This homemade green bean casserole uses a creamy mushroom sauce made with butter, fresh mushrooms, garlic, flour, broth, and half-and-half. The result is a rich, flavorful casserole without condensed soup.
2. Can I use frozen green beans instead of fresh green beans?
Yes. Frozen green beans are a convenient alternative when fresh beans are unavailable. Thaw and drain them thoroughly before assembling the casserole. If they are already blanched, you can skip the full blanching step to prevent overcooking.
3. How do I keep homemade crispy onions crunchy?
Bake the coated onions in a single layer and turn them during cooking for even browning. Allow them to cool before using. For the crunchiest topping, add the onions shortly before the casserole goes into the oven.
4. Can I prepare this casserole ahead of time?
Yes. Prepare the green beans and mushroom sauce up to 24 hours in advance. Combine them in a casserole dish, cover, and refrigerate. Store the baked onions separately in an airtight container. Add the topping just before baking, and allow extra oven time if the casserole is cold.
5. Why is my green bean casserole watery?
A watery casserole can result from insufficiently drained green beans, mushrooms that have not released enough moisture, or sauce that has not thickened properly. Drain the beans thoroughly, cook the mushrooms until their excess liquid evaporates, and allow the sauce to thicken before assembling.
6. What can I serve with creamy green bean casserole?
This comforting side dish pairs well with roasted chicken, turkey, beef, mashed potatoes, roasted carrots, and sweet potato casserole. It is especially popular as part of a Thanksgiving or holiday dinner.
Storage
Refrigerator
Allow the casserole to cool before transferring leftovers to an airtight container.
Refrigerate within 2 hours of cooking and store for up to 3–4 days.
For the best texture, store any extra crispy onions separately.
Freezer
The casserole can be frozen for up to 2 months, although the creamy sauce may change texture slightly after thawing.
For the best results, freeze the green bean and mushroom mixture without the crispy onion topping.
Transfer the cooled mixture to a freezer-safe container, leaving a little space for expansion.
Thaw overnight in the refrigerator before reheating.
Reheating in the Oven
Preheat the oven to 350°F (175°C).
Place the casserole in an oven-safe dish and cover loosely with foil.
Heat for approximately 15–20 minutes, or until warmed through. Larger or colder portions may require additional time.
Remove the foil, add fresh crispy onions if available, and bake for another 5 minutes.
Reheat leftovers to an internal temperature of 165°F (74°C).
Reheating in the Microwave
Place an individual portion in a microwave-safe dish.
Cover loosely and heat in short intervals, stirring when practical, until thoroughly hot.
The onion topping may soften during microwave reheating, so add freshly baked onions afterward if desired.

Similar Recipes
If you enjoy homemade vegetable casseroles and comforting side dishes, these recipes are wonderful additions to your menu.
Greek Chicken Bowls with Homemade Tzatziki
Sticky Honey Garlic Chicken Thighs – Easy Skillet Recipe

Green Bean Casserole from Scratch with Crispy Onions
Ingredients
For the Crispy Baked Onions
- 1 medium onion thinly sliced
- 1/2 cup 62 g all-purpose flour
- 3/4 cup 45 g panko breadcrumbs
- 1/2 teaspoon salt
- 1/4 teaspoon ground black pepper
- 1 large egg whisked
- 1 tablespoon 15 ml milk
For the Green Bean Casserole
- 1 pound fresh green beans rinsed, trimmed, and halved
- 1 tablespoon salt for blanching
- 1 teaspoon salt for seasoning
- 2 tablespoons 28 g unsalted butter
- 8 ounces fresh mushrooms sliced
- 1/2 teaspoon ground black pepper
- 2 cloves garlic finely minced
- 2 tablespoons 15 g all-purpose flour
- 3/4 cup 180 ml halal-certified chicken broth or vegetable broth
- 1 1/4 cups 300 ml half-and-half
Instructions
- Step 1: Preheat the Oven
- Preheat your oven to 450°F (232°C).
- Line a large baking sheet with parchment paper or a silicone baking mat. Set it aside while you prepare the onion topping.
- Step 2: Prepare the Crispy Baked Onions
- Separate the thinly sliced onion into individual pieces.
- Prepare three shallow bowls. Place the flour in the first bowl, combine the panko breadcrumbs with the salt and black pepper in the second, and whisk together the egg and milk in the third.
- Dip each onion slice into the flour, followed by the egg mixture, and finally the seasoned breadcrumbs.
- Arrange the coated onion slices in a single layer on the prepared baking sheet.
- Bake for approximately 20 minutes, turning the onions twice during cooking to encourage even browning.
- Once the onions are golden and crispy, remove them from the oven and set aside.
- Step 3: Blanch the Green Beans
- Bring approximately one gallon of water to a rolling boil in a large saucepan.
- Add 1 tablespoon of salt, followed by the trimmed green beans.
- Cook for 5 minutes, then immediately transfer the beans to a large bowl filled with ice water.
- Allow them to cool completely before draining thoroughly.
- This process helps preserve their fresh color and keeps them from becoming too soft during baking.
- Step 4: Cook the Mushrooms and Garlic
- Melt the butter in a large, 10- to 12-inch oven-safe skillet over medium-high heat.
- Add the sliced mushrooms, 1 teaspoon of salt, and 1/2 teaspoon of black pepper.
- Cook for approximately 5 minutes, stirring occasionally, until the mushrooms release their moisture and begin to soften.
- Add the minced garlic and continue cooking for another 2 minutes, stirring to prevent burning.
- Step 5: Make the Creamy Mushroom Sauce
- Sprinkle the flour over the mushroom mixture and stir until evenly combined.
- Gradually pour in the chicken or vegetable broth, stirring continuously to prevent lumps.
- Allow the mixture to simmer for approximately 3 minutes.
- Reduce the heat to medium-low and slowly add the half-and-half.
- Continue cooking for about 10 minutes, stirring occasionally, until the sauce becomes thick, smooth, and creamy.
- Step 6: Assemble the Casserole
- Remove the skillet from the heat.
- Add the blanched green beans and approximately one-quarter of the baked onions.
- Gently fold everything together until the vegetables are evenly coated in the mushroom sauce.
- If your skillet is not oven-safe, transfer the mixture to a lightly greased 2- to 3-quart casserole dish.
- Spread the remaining crispy onions evenly over the top.
- Step 7: Bake Until Golden and Bubbly
- Reduce the oven temperature to 400°F (204°C).
- Bake the Green Bean Casserole from Scratch for approximately 15 minutes, or until the sauce bubbles around the edges and the onion topping is golden.
- Remove from the oven and allow the casserole to rest for a few minutes before serving.
- Serve warm and enjoy the combination of creamy vegetables and crunchy homemade onions.
Notes
Conclusion
This Green Bean Casserole from Scratch proves that a classic comfort-food side dish can be even more delicious when made with fresh ingredients.
The tender green beans, creamy mushroom sauce, and homemade crispy onions create a wonderful balance of flavors and textures without relying on canned soup.
With simple preparation steps and everyday ingredients, this casserole is a satisfying choice for holiday celebrations, Sunday dinners, and cozy family meals.
Once you experience the fresh flavor and golden onion topping, this homemade version may become a regular favorite at your dinner table.

