Side Dishes
This 8x8 green bean casserole recipe delivers the ultimate comfort food experience—crispy fried onions crackling over a velvety mushroom sauce, all baked to golden perfection. 💛 The secret lies in sautéing green beans until tender-crisp before layering them with a rich, creamy sauce that transforms a simple side into a showstopper.
Perfect for holidays or weeknight dinners, this classic recipe balances texture and flavor in every bite.
The magic happens in the layers: first, green beans sautéed until just tender, then a creamy mushroom sauce that coats each bean with savory depth. Topped with crispy fried onions, this dish delivers the contrast of textures that makes it legendary.
Baking at 350°F for 30–40 minutes ensures the sauce thickens just right, while the onions stay perfectly crunchy.
What you’ll end up with is a crispy, creamy masterpiece that’s creamy on the inside and satisfyingly crunchy on top. The aroma alone will have everyone gathering around the table, and the first bite delivers that perfect balance of savory, creamy, and crunchy.
This is the kind of dish that feels like a hug in food form.
Whether you’re serving it as a holiday side or a weeknight staple, this green bean casserole is foolproof and always a crowd-pleaser. Ready to make it? Let’s get started with the ingredients and steps that bring this classic to life.
Ingredients for 8x8 green bean casserole
Crispy onions, creamy sauce, and tender green beans—this 8x8 casserole is comfort food perfection.
| Ingredient | Amount | Notes |
|---|---|---|
| Fresh Green Beans 🥦 | 2 ½ lbs | Trimmed and cut into 2-inch pieces |
| Yellow Onions 🧅 | 2 whole | Thinly sliced for frying |
| White Mushrooms 🍄 | 1 lb | Sliced for creamy sauce |
| All-Purpose Flour 🌾 | 2 tbsp | For velvety sauce |
| Milk 🥛 | 1 cup | Whole milk for creaminess |
| Chicken Broth 💧 | 1 cup | Low-sodium preferred |
| Unsalted Butter 🧈 | ½ cup | Cold for crispy onions |
| French Fried Onions 🧅 | 1 ½ cups | For that iconic crunch |
| Salt 🧂 | 1 ½ tsp | Kosher or sea salt |
| Black Pepper 🌶️ | ½ tsp | Freshly ground preferred |
| Garlic Cloves 🧄 | 2 cloves | Minced for extra flavor |
| Dried Parsley 🌿 | 1 tbsp | For garnish (optional) |
The green beans need to be fresh but not overly crisp—local farmers markets or the produce section at Whole Foods have the best quality. Trim the ends and cut them into even 2-inch pieces so they cook uniformly. The mushrooms? Creamy varieties like Portobello add extra richness, but regular white mushrooms work too. For the onions, yellow or red both work—just make sure they're sharp and fresh. I always grab a few extra for salads later.
No French fried onions? Make your own—thinly slice onions, fry in butter until crispy, then drain on paper towels. Short on milk? Half-and-half or heavy cream makes the sauce even richer. Dried parsley not your thing? Fresh parsley or chives work beautifully too. The chicken broth can be subbed with vegetable broth if you prefer. And if you're watching calories, reduce the butter by half—the onions will still be crispy, just not quite as golden.
This casserole tastes even better the next day—make it ahead and refrigerate for up to 2 days. Reheat at 350°F for 20 minutes to restore that crispy top. For freezing, assemble the casserole, cover tightly, and freeze for up to 3 months. Thaw overnight in the fridge before reheating. The onions stay crispy if you add a sprinkle of flour before baking—worth the extra minute!
Why You'll Love This Recipe
- One-Pan Magic: I swear by this recipe—just toss the green beans, sliced onions, and mushrooms into the pan, then top with the creamy mushroom sauce. No extra dishes, no stress, and honestly? That golden crust on top makes it feel like a restaurant dish.
- Creamy Crunch Combo: The flour-and-milk roux thickens into a velvety sauce that clings to the beans, while the toasted mushrooms add a meaty depth. Between us, that crispy edge with the creamy center? It’s the kind of texture that makes people ask for seconds before you even finish serving.
- Meal Prep MVP: I make a double batch on Sundays, and it lasts all week—reheats beautifully in the microwave or oven. The flavors actually get better the next day, and it’s the perfect side for everything from Thanksgiving leftovers to a quick weeknight dinner.
- Budget-Friendly Feast: Fresh green beans and mushrooms stretch into a full 8x8 pan, and the flour-and-milk sauce costs pennies. It’s the kind of dish where you’re feeding a crowd without breaking the bank, and my kids still fight over the last bite. (Yes, even on a Tuesday night.)
Step-by-step instructions for creamy green bean casserole
Here's how to build that perfect golden crust over velvety mushroom sauce—every layer matters!
🍳 Step 1: Sauté Onions and Mushrooms for Deep Flavor
Heat 0.5 cup unsalted butter in a large skillet over medium heat. Add the 2 whole yellow onions, sliced thinly, and cook for 5 minutes until soft and translucent. I like to press them down with a spatula—this helps them caramelize faster.
Add the 1 lb white mushrooms, sliced, and cook for another 8-10 minutes until they release their moisture and turn golden. Stir in the 2 cloves garlic cloves, minced, and cook for 30 seconds until fragrant. This step builds the rich, savory base for your sauce—don't rush it!
👨🍳 Step 2: Make the Creamy Sauce
Sprinkle the 2 tbsp all-purpose flour over the mushroom mixture and stir vigorously for 1 minute to cook off the raw flour taste. Slowly pour in the 1 cup milk and 1 cup chicken broth while whisking constantly to prevent lumps.
Bring to a gentle simmer and cook for 5-7 minutes until the sauce thickens enough to coat the back of a spoon. Season with 1.5 tsp salt and 0.5 tsp black pepper. Taste and adjust—this is where the magic happens! The sauce should be smooth and creamy, not grainy.
🥘 Step 3: Assemble and Bake the Casserole
Preheat your oven to 350°F. Spread the 2.5 lbs fresh green beans (trimmed and cut into 2-inch pieces) evenly in an 8x8-inch baking dish. Pour the creamy mushroom sauce over the green beans, pressing down gently to help them absorb the flavor.
Here's the thing—don't skip spreading the green beans evenly! This ensures every bite has that perfect creamy-mushroom ratio. The beans should be mostly submerged but still visible on top.
🔥 Step 4: Create the Crispy Topping
In a small bowl, mix together the 1.5 cups French fried onions and any remaining 1 tbsp dried parsley (if using). Sprinkle this mixture evenly over the top of the casserole, pressing down lightly with the back of a spoon. The key is to distribute it in an even layer—this creates that iconic crispy blanket.
Bake uncovered for 40-45 minutes until the top is golden brown and the edges bubble slightly. The green beans should be tender but still hold their shape. If the onions aren't brown enough after 40 minutes, broil for 2-3 minutes at the end—just watch closely to avoid burning!
⏰ Step 5: Rest and Serve
Let the casserole rest for 10 minutes before serving. This gives the juices time to redistribute—trust me, it makes a difference! The top should be crispy enough to hold its shape when you lift a corner, but still tender enough to crunch through.
Serve warm with crusty bread or over buttered mashed potatoes. The contrast of crispy topping, creamy sauce, and tender green beans is what makes this dish legendary. Enjoy that first bite—it's worth the effort!
Pro Tips For Making 8x8 Green Bean Casserole
- BLANCH BEANS FIRST: Toss your green beans in boiling water for 3-4 minutes before baking—this stops them from turning mushy in the oven. I learned this the hard way after serving a watery casserole that looked more like soup. Drain and shock in ice water right after to lock in the bright green color.
- SAUTÉ MUSHROOMS LOW AND LONG: Cook the mushrooms on medium-low heat for 8-10 minutes until they release all their moisture and turn deeply brown. Rushing this step leaves them rubbery, and I’ve seen too many casseroles ruined by soggy mushrooms. A splash of milk at the end helps mellow their flavor without adding extra liquid.
- DON’T SKIP THE ROUX REST: Let your flour-and-milk roux sit for 5 minutes off the heat before mixing it into the beans—this thickens it properly and prevents a gluey topping. I used to stir it in hot and ended up with a pasty mess every time. Patience here makes the creamy sauce actually creamy.
- UPGRADE WITH A CRUMB TOPPING: Swap the canned soup topping for a mix of panko, melted butter, and a pinch of garlic powder—it stays crispy longer and adds real texture. Sounds like more work, but it’s faster than opening a can and actually changes the outcome. Sprinkle it right before baking so it gets golden, not soggy.
Essential equipment for great 8x8 green bean casserole
Baking Dish Essentials
The 8x8-inch baking dish is non-negotiable for this recipe—it ensures the perfect surface area for even baking. I recommend using a glass or ceramic dish (like Pyrex or CorningWare) for even heat distribution.
Avoid dark-colored metal pans—they can cause uneven browning. If you don’t have an 8x8 dish, a 9x9-inch works in a pinch, but reduce baking time by 5-7 minutes to prevent overcooking. 💛
Skillet for Sautéing
A 10-12-inch heavy-bottomed skillet (like All-Clad or Calphalon) is ideal for sautéing onions and mushrooms—it distributes heat evenly and prevents sticking. If you’re using nonstick, avoid overheating it; cast iron or stainless steel holds up better to high heat.
A wooden spoon or silicone spatula helps scrape up those flavorful browned bits from the bottom. 🔥
Mixing Tools
For the creamy sauce, a whisk is your best friend—it prevents lumps when combining flour and liquids. I also recommend a rubber spatula for folding in the green beans and spreading the sauce evenly in the baking dish.
A measuring cup (preferably liquid measuring cup for milk/broth) ensures precision, especially with the sauce consistency. Don’t skimp on these tools—they make all the difference in texture! ⚡
Optional but Helpful
A pastry brush comes in handy for lightly coating the baking dish with butter before adding green beans—it prevents sticking and adds extra richness. If you’re making your own fried onions, a fine-mesh strainer helps drain excess oil.
For broiling, tongs make it easier to transfer the casserole in and out of the oven safely. These extras aren’t mandatory, but they elevate the dish to restaurant-quality. 💡
Nutrition facts
Frequently asked questions
Can I use canned green beans instead of fresh?
Yes, but with a few adjustments! Drain and rinse 4 (14.5 oz) cans of green beans, then pat them dry thoroughly. They won't need sautéing first—just spread them in the dish and pour the sauce over. Since canned beans are pre-cooked, reduce baking time by 10-15 minutes to avoid overcooking.
How do I make this vegetarian or vegan?
Swap the chicken broth for vegetable broth and use vegan butter or olive oil. For extra richness, stir 1/4 cup nutritional yeast into the sauce. For a vegan topping, make your own fried onions with olive oil or use store-bought vegan French fried onions. The texture stays crispy!
Why did my casserole turn out watery?
Most likely, the sauce wasn't thickened enough before baking. Always simmer the sauce until it coats the back of a spoon. If it's still too thin after baking, try adding 1 tbsp cornstarch mixed with 1 tsp water to the sauce before assembling. Also ensure your baking dish isn't too large—an 8x8 is perfect for this recipe.
Can I make this ahead of time?
Assemble the casserole up to 24 hours ahead and refrigerate uncovered. Bake as directed (add 5-10 extra minutes if cold). For freezing, assemble completely, cover tightly, and freeze for up to 3 months. Thaw overnight in the fridge before baking. The onions will still be crispy if you add a sprinkle of flour before freezing!
What's the best way to reheat leftovers?
Cover with foil and reheat at 350°F for 20-25 minutes until warmed through. For extra crispiness, broil for 2-3 minutes at the end. Microwaving works in a pinch (30 seconds covered, then 30 seconds uncovered), but the onions won't be as crispy. The texture is best when reheated gently!