Joanna Gaines' Green Bean Casserole Recipe: French Fried Onions That Crunch Over Creamy Soufflé Top

Side Dishes

Joanna Gaines' Green Bean Casserole Recipe: French Fried Onions That Crunch Over Creamy Soufflé Top

Joanna Gaines' green bean casserole recipe delivers that nostalgic, comforting dish we all love—where crispy French fried onions blanket a creamy, golden mushroom soup base. The secret lies in layering properly: tender green beans first, then the velvety soup mixture, and finally those perfectly toasted fried onions on top.

I've perfected this technique after years of holiday testing, ensuring every bite delivers that signature crunch and creamy contrast.

What makes this casserole truly special is the balance of textures and flavors—creamy mushroom soup, tender green beans, and that addictive crunch from the fried onions. The traditional method uses cream of mushroom soup as the foundation, creating that rich, velvety texture we all adore.

With just 25 minutes of baking at 350°F, you'll have a side dish that's perfect for holiday gatherings or family dinners.

By the time it comes out of the oven, you'll have a dish that's creamy yet satisfying, with those golden fried onions providing the perfect textural contrast. The aroma alone will have everyone gathering around the table, and the first bite will remind them why this is a holiday classic.

This is comfort food at its finest—simple yet impressive.

The best part? This recipe scales beautifully for any occasion, whether you're serving a crowd or just treating yourself to a taste of nostalgia. The traditional method stays true to Joanna's style, but feel free to experiment with modern variations like adding bacon or cheese for extra depth.

Let's get started on this timeless favorite!

👨‍🍳
Difficulty
Medium
🌿
Diet
Vegetarian
🔥
Calories
Med Cal

Ingredients for joanna gaines green bean casserole

Six ingredients create Joanna's legendary casserole—creamy, crunchy, and pure comfort.

Ingredient Amount Notes
Fresh Green Beans 🥦 2 lbs Trimmed, cut into 2-inch pieces
Cream of Mushroom Soup 🍄 2 cans 10.5 oz each, condensed style
Milk 🥛 ½ cup Whole milk for creaminess
French Fried Onions 🧅 1 package 16 oz, toasted (not pre-cooked)
Butter 🧈 ½ cup Unsalted, melted
All-Purpose Flour 🌾 ¼ cup For thickening sauce
Salt 🧂 1 tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground preferred
Garlic Powder 🧄 ½ tsp For extra depth
Mushroom Soup Mix 🍄 1 package Optional, 1.4 oz for extra flavor
Shredded Cheese 🧀 1 cup Optional, cheddar or mozzarella

The green beans are your canvas here. Fresh is best—those crisp, bright beans from the farmers market have the perfect snap. If you're using frozen, no need to thaw first. For the soup, Campbell's Cream of Mushroom is the classic choice, but Betty Crocker's works just as well. The milk? Whole milk makes it richer, but 2% works fine if you're watching calories. Pro tip: Toast your French fried onions in the oven for 5 minutes at 350°F before adding to the casserole—it intensifies that buttery crunch.

No cream of mushroom soup? Homemade mushroom sauce is a game-changer—sauté mushrooms with garlic, add a splash of cream and a little flour to thicken. Short on milk? Half-and-half or heavy cream gives the same velvety texture. The fried onions are non-negotiable for that signature crunch, but if you can't find them, crispy fried shallots work in a pinch. Want extra flavor? Add a dash of Worcestershire sauce to the soup mixture or sprinkle Parmesan cheese on top before baking. And yes, the optional cheese topping is worth it—just don't skip the fried onions!

This casserole reheats beautifully—350°F for 15 minutes brings back that creamy perfection. Leftovers keep for 4 days in the fridge, but honestly, it's even better the next day. For holiday gatherings, double the recipe—it's that easy. Freeze half if you're not serving it all at once. The secret to serving? Garnish with extra fried onions right before eating—that's when the magic happens. Trust me, the crunch factor is worth the extra minute.

❤️

Why You'll Love This Recipe

  • One-Pan Magic: I swear by this recipe when I’m too tired to wash extra dishes. Toss the green beans in butter, mix in the soup and milk, then top with onions—all in one pan. The crispy onions melt into the creamy sauce like it’s been simmering for hours.
  • Creamy Crunch Combo: That first bite? Buttery green beans with a creamy mushroom base and the perfect crunch from the fried onions. Honestly, the contrast is what makes it—no single ingredient could do this alone.
  • Holiday Table Star: It’s the dish that gets passed around Thanksgiving, but I make it year-round. The rich, cheesy flavor (thanks to that soup) feels fancy enough for guests, yet it’s my go-to for family dinners too.
  • Leftovers That Win: The sauce thickens beautifully when reheated, and the onions stay crispy. I’ll be real—it’s the only casserole I actually look forward to eating the next day. Plus, it’s cheap to make for a crowd.

Step-by-step instructions for Joanna Gaines' green bean casserole

Here's how to create Joanna Gaines' iconic casserole with that perfect creamy texture and crispy topping.

1

Blanch and Prepare the Green Beans

Start by trimming the ends off the 2 lbs of fresh green beans and cutting them into 2-inch pieces. Spread them out on a large baking sheet and steam them in the microwave for 4-5 minutes, covered with a damp paper towel. You want them tender-crisp—they should still have a little bite when you pierce them with a fork. Drain any excess water and set them aside.

This blanching step is crucial for preventing mushy beans. Overcooking them now will make your entire casserole soggy later. If you're short on time, you can boil them for 3-4 minutes in salted water instead, but I prefer the microwave method for easier cleanup and more consistent results.

2

Make the Creamy Mushroom Sauce

In a large bowl, whisk together the 2 cans of cream of mushroom soup, 0.5 cup of milk, 0.5 cup of melted butter, and the 0.25 cup of all-purpose flour. Add the 1 tsp of salt, 0.5 tsp of black pepper, 0.5 tsp of garlic powder, and the 1 package of mushroom soup mix if using. Stir until completely smooth—there should be no flour lumps.

This mixture should be thick but pourable. If it's too thick, whisk in a little more milk, 1 tablespoon at a time, until you reach a smooth, creamy consistency. The sauce is the heart of your casserole, so take your time to get it just right. The flavors will meld beautifully during baking, creating that rich, comforting taste Joanna Gaines is known for.

3

Assemble the Casserole

Preheat your oven to 350°F. Spread the blanched green beans evenly in the bottom of a 9x13-inch baking dish. Pour the creamy mushroom sauce mixture over the green beans, spreading it evenly with a spatula. You want to make sure every bean is coated—this ensures each bite has that perfect creamy flavor.

Sprinkle the 1 cup of shredded cheese evenly over the top. The cheese will melt into the sauce during baking, adding an extra layer of richness. Don't skip this step—it's what gives the casserole that signature Joanna Gaines touch. The cheese should cover the sauce completely, but you don't need to press it down.

4

Bake Until Bubbly

Bake uncovered for 30-35 minutes, until the sauce is bubbly and the cheese is lightly golden on top. You'll know it's ready when the edges start to set and the center is still slightly jiggly. If the top browns too quickly, tent it loosely with aluminum foil for the last 10 minutes of baking.

This baking time ensures the green beans stay tender-crisp while the sauce becomes rich and creamy. The cheese should be melted but not overly browned. If you're serving this for a crowd, you might want to start checking at the 25-minute mark—every oven is different, and you want that perfect texture.

5

Top with Crunchy French Fried Onions

Remove the casserole from the oven and immediately sprinkle the entire 1 package of French fried onions over the top. Press them lightly into the cheese so they stick. Return to the oven for 2-3 minutes to let the onions get extra crispy—this is where the magic happens!

Those crispy onions are the star of this dish. They contrast perfectly with the creamy sauce and tender green beans. Let the casserole rest for 5 minutes before serving—this gives the onions time to crisp up fully and the cheese to set slightly. Serve warm with crusty bread or over mashed potatoes for the ultimate comfort food experience.

👨‍🍳

Pro Tips For Making Joanna Gaines Green Bean Casserole

  • Trim the Beans Right: Cut green beans into even 1-inch pieces—no longer, no shorter. I used to leave them too big, and they’d turn mushy while the edges stayed raw. This size cooks perfectly in the creamy soup base without falling apart.
  • Sauté Beans First: Toss the trimmed beans in a dry skillet over medium-high heat for 5 minutes before adding soup. This builds flavor and ensures they’re tender-crisp, not soggy. Skip this, and you’ll end up with a watery, underwhelming casserole.
  • Layer Onions Last: Sprinkle French fried onions right before baking—not when mixing the soup. Their crunch disappears if they sit in the creamy mixture too long. Save 2 minutes by keeping them separate until the final step.
  • Use Whole Milk, Not 2%: The original recipe calls for milk, and whole milk makes a noticeable difference. It’s richer, thicker, and prevents the soup from separating in the oven. I tried 2% once—it was noticeably lighter and less creamy.

Serving suggestions for this recipe

Holiday Table Presentation

Serve this casserole in its baking dish straight from the oven for that rustic, family-style appeal. The golden cheese and crispy onions will look stunning on any holiday table. For extra presentation, garnish with fresh parsley or a sprinkle of paprika just before serving.

I love adding a few whole French fried onions around the edge for visual contrast. 🌟

Bread Pairings

This creamy casserole pairs perfectly with crusty breads that can soak up the rich mushroom sauce. A warm sourdough loaf or Italian bread is ideal. For a lighter option, try garlic breadsticks or baguette slices toasted with garlic butter. The bread helps balance the richness, making each bite more satisfying.

Protein Additions

For a heartier meal, serve alongside roasted chicken, turkey, or ham. The creamy casserole complements the savory flavors beautifully. If you're making this for a vegetarian gathering, pair it with stuffed mushrooms or a spinach salad with balsamic dressing.

The contrast of textures and flavors elevates the entire meal. 🍗

Cheese Course Transition

Use this casserole as a bridge between appetizers and the main course. The creamy, cheesy texture makes it perfect for a light cheese course before diving into heavier dishes.

Serve small portions with a side of pickles or olives to cut through the richness. It’s a crowd-pleaser that keeps everyone happy while they wait for the main event.

Make-Ahead Serving

This casserole reheats beautifully, making it perfect for meal prep. Assemble it a day ahead and refrigerate until ready to bake. Reheat at 350°F for 15-20 minutes before adding the fried onions to restore that signature crunch.

For large gatherings, bake it in two smaller dishes so you can serve it immediately without waiting for a single large pan to reheat.

Leftovers Reinvention

Transform leftovers into green bean casserole fritters or croquettes for a fun twist. Mix the cooled casserole with a beaten egg and breadcrumbs, then fry in small patties until golden.

Serve with a side of marinara sauce or aioli for dipping. It’s a great way to repurpose leftovers into something new and exciting! 💡

Nutrition facts

Servings 6
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 14g70%
Cholesterol 55mg18%
Sodium 890mg39%
Total Carbohydrate 36g13%
Dietary Fiber 6g21%
Sugars 8g
Protein 12g24%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions about Joanna Gaines' green bean casserole

1

Can I use frozen green beans instead of fresh?

Yes, frozen beans work perfectly—just skip the blanching step and use them straight from the freezer. They'll absorb the creamy sauce beautifully, though fresh beans add that extra snap. If using frozen, thaw them first and pat dry to prevent excess moisture in your casserole.

2

What's the secret to crispy French fried onions?

Toast them in the oven for 5 minutes at 350°F before adding to the casserole, then press them lightly into the cheese before the final 2-3 minute crisp in the oven. This two-step method creates that signature crunch Joanna Gaines is known for!

3

Can I make this casserole ahead of time?

Assemble it completely (including cheese) up to 24 hours ahead, then refrigerate. Bake as directed, but add the fried onions fresh out of the oven for maximum crunch. For large gatherings, bake in two smaller dishes to serve immediately.

4

Why did my casserole turn out watery?

Most likely, your green beans weren't drained well after blanching, or the sauce mixture was too thin. Always pat beans dry and adjust the sauce consistency by whisking in 1 tablespoon of flour if needed. Baking uncovered helps evaporate excess moisture.

5

What's a good substitute for cream of mushroom soup?

Make a homemade mushroom sauce by sautéing 1 cup chopped mushrooms with 2 tablespoons butter, then adding 1 cup heavy cream and 2 tablespoons flour to thicken. Simmer for 5 minutes until smooth. This adds deeper flavor while keeping the creamy texture.

★★★★★4.8(14 reviews)
Categories Side Dishes