Green Bean Casserole from Scratch with Crispy Onions

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

Creamy green bean casserole served in a ceramic baking dish on a holiday dinner table. Fresh green beans, homemade mushroom sauce, and crispy baked onions make a comforting Thanksgiving side dish.
Homemade green bean casserole with crispy onions for Thanksgiving dinner.

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.

A serving of green bean casserole from scratch on a white dinner plate with creamy mushroom sauce and crispy onions. Bright green beans and golden onion pieces create an inviting homemade vegetable side dish.
A comforting serving of homemade green bean casserole with crispy 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.

Homemade green bean casserole from scratch topped with golden crispy baked onions in a white ceramic baking dish. Tender fresh green beans are coated in a rich, creamy mushroom sauce.
Creamy green bean casserole with fresh beans and crispy homemade onions.

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.

Close-up of creamy green bean casserole with fresh green beans, sliced mushrooms, and golden onion topping. The homemade mushroom sauce coats the vegetables beneath a layer of crispy baked onions.
Tender green beans in creamy mushroom sauce with a golden onion topping.

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

Green bean casserole from scratch combines fresh green beans with homemade creamy mushroom sauce.
Top with crispy baked onions for a delicious golden crunch.
Bake at 400°F for 15 minutes until bubbling and golden.
Prep Time 25 minutes
Course Side Dish
Cuisine American

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

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.

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.

Leave a Comment

Your email address will not be published. Required fields are marked *

Recipe Rating




Scroll to Top