A green bean casserole recipe should give you tender green beans in a creamy sauce with a crunchy topping, and that’s exactly what this version delivers. It uses a straightforward method that keeps the beans from turning mushy while building a savory base from scratch. You’ll end up with a side dish that fits a weeknight dinner or a larger holiday table without extra fuss.

The structure here matters more than fancy ingredients. A roux-thickened sauce coats the beans evenly, and the fried onion topping stays crisp because it goes on near the end. If you’ve only made the canned-soup version, this green bean casserole recipe shows where the texture and flavor actually come from.

Table of Contents

Why You’ll Love These Green Bean Casserole

Controlled texture: beans stay snappy, not soggy, thanks to a short blanch.
Real sauce: a butter roux and milk base tastes cleaner than canned soup.
Make-ahead friendly: assemble earlier, bake when needed.
Crowd size flexible: scales up by half without changing method.

Ingredients You’ll Need

1 lb fresh green beans, trimmed – firm pods hold shape better than frozen.
2 tbsp unsalted butter – builds the roux without added salt.
2 tbsp all-purpose flour – thickens the milk into a coatable sauce.
1 cup whole milk, warmed – prevents the roux from seizing.
1/2 cup low-sodium chicken broth – adds savory depth without salt overload.
1/2 tsp salt – adjusts seasoning before baking.
1/4 tsp black pepper – mild heat to balance cream.
1 cup fried onion topping – the crisp layer; add late to stay crunchy.
1/2 cup shredded cheddar cheese – optional melt for a richer top.

Ingredient Substitutions

Whole milk: Replace with an equal volume of half-and-half for a thicker, richer sauce. Half-and-half contains more fat, so the sauce coats beans more heavily and browns faster near the edges. Reduce bake time by about 5 minutes to avoid a skin forming on the surface.

Chicken broth: Use an equal amount of vegetable broth to make the dish meat-free. Vegetable broth is lighter and slightly sweeter, so add a pinch of dried mushroom powder if you want the same savory weight. No change to cook time is needed.

Fried onion topping: Swap with 1 cup crushed potato chips for a different crunch. Chips brown quicker than fried onions, so add them only in the last 5 minutes of baking. Expect a saltier, less onion-forward top.

All-purpose flour: Use an equal weight of cornstarch slurry (1 tbsp cornstarch plus 2 tbsp cold water). Cornstarch gives a glossier sauce and sets softer when cooled. Whisk it in after the milk is warm to avoid clumps.

Step-by-Step Instructions

Bring 4 cups water to a boil in a 3-quart pot over medium-high heat. Add the trimmed beans and blanch for 4 minutes until bright green and barely tender. Drain and rinse under cold water to stop cooking.
Melt the butter in a 10-inch skillet over medium-low heat. Whisk in the flour and cook for 2 minutes until the raw smell disappears and the mix turns pale gold.
Slowly pour in the warmed milk while whisking to prevent lumps. Add broth, salt, and pepper, then simmer over medium heat for 5 minutes until the sauce thickens enough to coat a spoon.
Fold the blanched beans into the sauce and transfer everything to a 2-quart baking dish. Spread evenly so the layer is about 2 inches deep.
Bake uncovered at 180°C / 350°F for 20 minutes until the edges bubble. Sprinkle fried onions and cheese on top, then bake 5 minutes more until golden and crispy.

Pro Tips

Blanch beans exactly 4 minutes; longer softens them past the snappy stage this green bean casserole recipe relies on.
Warm the milk before adding so the roux stays smooth instead of clumping from temperature shock.
Add the onion topping in the final 5 minutes so it crisps instead of steaming under sauce.
Check roux technique if your sauce looks thin; a longer initial cook fixes it.
Use a shallow dish so more surface crisps during the bake.

Common Mistakes to Avoid

Skipping the cold rinse after blanch lets residual heat turn beans olive-colored and soft.
Pouring cold milk into hot roux causes lumps that won’t smooth out with whisking alone.
Putting onions in at the start bakes them into a soggy layer instead of a crunchy top.

Serving Suggestions

Plate this beside lamb lollipops for a roasted-meat contrast, or pair with green beans almondine when you want two bean sides with different textures. A light three bean salad on the side balances the cream with acid.

Storage and Reheating

Keep leftovers in an airtight container in the fridge for up to 3 days. Reheat in a 175°C / 350°F oven for 15 minutes until steaming at the center; the top won’t fully re-crisp but stays edible. Freezing changes the bean texture, so we don’t recommend it for this green bean casserole recipe.

Recipe Variations

Mushroom Version

Add 1 cup sliced mushrooms to the butter in step 2 and cook until browned before the flour. The mushrooms add earthy weight and pair with the creamy sauce. Expect a deeper savory note and slightly more moisture in the bake.

Cheesy Bacon Version

Stir 1/4 cup cooked bacon bits into the bean mix and use 3/4 cup cheddar on top. The bacon gives smoke and salt, so cut the added salt to 1/4 tsp. The top browns faster, so check at the 3-minute mark after adding cheese.

Gluten-Free Version

Use the cornstarch swap from substitutions and check tomato green beans for another wheat-free side. The sauce stays glossy and the beans keep their snap. No other timing change is required beyond the slurry whisk.

Yes, this green bean casserole recipe can be assembled up to a day ahead and baked before serving. The dish reheats safely to steaming without drying if covered for the first 10 minutes. For more casserole ideas see our related collection, and browse recipe dashboard for planning.

Print Recipe