French Onion Green Bean Casserole (Made with Fresh Green Beans)

Ingredients for French Onion Green Bean Casserole

For the Caramelized Onions

• 2 tablespoons butter
• 2 large yellow onions — thinly sliced lengthwise
• salt and ground black pepper — to taste
• 1 tablespoon sherry vinegar

For the White Sauce

• 2 tablespoons butter
• 2 ½ tablespoons all-purpose flour
• 2 ½ cups milk
• 1 pinch ground nutmeg
• cayenne pepper — to taste, optional
• ¼ teaspoon ground thyme

For the Topping and Assembly

• 2 tablespoons melted butter
• ⅔ cup panko bread crumbs
• 2 pounds fresh green beans — trimmed
• 4 ounces shredded Gruyere cheese — divided
• ⅓ cup grated Parmesan cheese

Substitutions & Variations

• Gruyere cheese: Use queso de freír or aged white cheddar for a more accessible option that still provides the sharp, nutty flavor profile essential to this dish.
• Sherry vinegar: Substitute with white wine vinegar or a splash of Dominican ron añejo (aged rum) to add a Caribbean twist while maintaining the acidic balance needed for the caramelized onions.
• Fresh green beans: Try fresh habichuelas tiernas (Caribbean long beans) or haricot verts for a more tender texture and slightly different flavor that complements the rich cheese sauce.
• Panko breadcrumbs: Mix regular breadcrumbs with crushed plantain chips or yuca chips for a Caribbean-inspired crunchy topping that adds tropical flavor.
• Ground thyme: Replace with fresh Caribbean thyme (if available) or add a pinch of oregano and cumin for a more Latin-inspired herb profile.
• Milk: Use evaporated milk (leche evaporada) which is common in Caribbean cooking and creates an even richer, more concentrated cheese sauce.

How to Make French Onion Green Bean Casserole

1. Preheat oven to 375 degrees F (190 degrees C). Grease a 9x13 inch casserole dish.
2. Heat 2 tablespoons of butter in a large skillet over medium heat. Stir the onions into the pan; cook and stir until very soft and golden brown, about 15 minutes. Stir in sherry vinegar. Transfer to a small bowl, and reserve.
3. In the same skillet, melt 2 more tablespoons of butter. Whisk in 2 tablespoons flour. Stirring constantly, cook over medium heat until the flour smells like baked pie crust, about 3 minutes. Slowly whisk in milk, about ½ cup at a time, then whisk in nutmeg, cayenne pepper, and thyme. Bring to simmer, and cook until thickened, whisking constantly, 3 more minutes. Transfer to a bowl and reserve.
4. Melt remaining 2 tablespoons butter in clean skillet; stir in panko until all crumbs are coated; reserve.
5. Bring a large saucepan of salted water to a boil over medium heat, and boil beans until bright green and crisp but not raw tasting, 3 to 4 minutes. Drain very well.
6. Spoon half of the caramelized onions into the prepared casserole dish; top with green beans. Season with salt and black pepper. Spread reserved white sauce over the green beans; sprinkle with half of the Gruyere cheese. Top with the rest of the onions, and use the back of a spoon to push onions down into sauce and cheese. Top with the buttered panko crumbs, the remaining Gruyere, and Parmesan cheese.
7. Bake in the preheated oven until hot throughout and lightly browned, about 30 minutes. Let sit 10 minutes before serving.

What to Serve With French Onion Green Bean Casserole

This casserole is a natural holiday side dish that pairs perfectly with:

• Roast turkey or herb-roasted chicken
• Prime rib or beef tenderloin for a holiday dinner
• Glazed ham at Easter or Christmas
• Slow cooker pot roast for a Sunday dinner
• Alongside mashed potatoes, stuffing, and cranberry sauce for the full Thanksgiving spread

Frequently Asked Questions

Q: Can I use fresh green beans instead of canned?
A: Yes — blanch fresh green beans in boiling salted water for 3-4 minutes, then drain and pat dry before using. Fresh beans give a better texture but canned work perfectly fine and save time.

Q: Can I make this ahead of time?
A: Yes — assemble the casserole up to 24 hours ahead, cover tightly, and refrigerate unbaked. When ready, bake from cold adding 10-15 extra minutes to the cook time. Add the fried onion topping in the last 5 minutes only.

Q: Can I make this without the fried onion topping?
A: Yes — substitute with panko breadcrumbs toasted in butter, crushed Ritz crackers, or shredded Gruyère cheese for a French onion-style finish.

Q: What makes this “French onion” style?
A: The French onion element comes from the flavor profile — the savory, umami-rich sauce echoes classic French onion soup, and the crispy fried onion topping mirrors the caramelized onions that top a traditional French onion soup bowl.

Q: Can I use a different cream soup?
A: Campbell’s Cream of Mushroom is classic, but Cream of Chicken or Cream of Celery both work. For a richer French onion flavor, substitute half the cream of mushroom with French onion dip or a packet of French onion soup mix stirred into the sauce.

You May Also Like

French Onion Green Bean Casserole

A French onion twist on the classic green bean casserole — rich, creamy, and topped with crispy fried onions. The ultimate holiday side dish that comes together in under 40 minutes.

Print Recipe
Pin Recipe

Prep Time 10 minutes mins

Total Time 10 minutes mins

Servings: 6 servings

Course: Side Dish

Cuisine: American, French

Calories: 487

Ingredients
Method
Nutrition
Notes

Ingredients

  

1x2x3x?

For the Caramelized Onions

• 2 tablespoons butter
• 2 large yellow onions thinly sliced lengthwise
• salt and ground black pepper to taste
• 1 tablespoon sherry vinegar

For the White Sauce

• 2 tablespoons butter
• 2 ½ tablespoons all-purpose flour
• 2 ½ cups milk
• 1 pinch ground nutmeg
• cayenne pepper to taste, optional
• ¼ teaspoon ground thyme

For the Topping and Assembly

• 2 tablespoons melted butter
• ⅔ cup panko bread crumbs
• 2 pounds fresh green beans trimmed
• 4 ounces shredded Gruyere cheese divided
• ⅓ cup grated Parmesan cheese

Method

 

1. Preheat oven to 375 degrees F (190 degrees C). Grease a 9x13 inch casserole dish.
2. Heat 2 tablespoons of butter in a large skillet over medium heat. Stir the onions into the pan; cook and stir until very soft and golden brown, about 15 minutes. Stir in sherry vinegar. Transfer to a small bowl, and reserve.
3. In the same skillet, melt 2 more tablespoons of butter. Whisk in 2 tablespoons flour. Stirring constantly, cook over medium heat until the flour smells like baked pie crust, about 3 minutes. Slowly whisk in milk, about ½ cup at a time, then whisk in nutmeg, cayenne pepper, and thyme. Bring to simmer, and cook until thickened, whisking constantly, 3 more minutes. Transfer to a bowl and reserve.
4. Melt remaining 2 tablespoons butter in clean skillet; stir in panko until all crumbs are coated; reserve.
5. Bring a large saucepan of salted water to a boil over medium heat, and boil beans until bright green and crisp but not raw tasting, 3 to 4 minutes. Drain very well.
6. Spoon half of the caramelized onions into the prepared casserole dish; top with green beans. Season with salt and black pepper. Spread reserved white sauce over the green beans; sprinkle with half of the Gruyere cheese. Top with the rest of the onions, and use the back of a spoon to push onions down into sauce and cheese. Top with the buttered panko crumbs, the remaining Gruyere, and Parmesan cheese.
7. Bake in the preheated oven until hot throughout and lightly browned, about 30 minutes. Let sit 10 minutes before serving.

Nutrition

Calories: 487kcalCarbohydrates: 57gProtein: 20gFat: 24gSaturated Fat: 13gCholesterol: 57mgSodium: 384mgFiber: 15gSugar: 12g

Notes

Pro Tips:
Caramelize your onions low and slow for at least 30-40 minutes to develop deep, complex flavor — this is where the magic happens. Use fresh green beans rather than canned for the best texture and flavor. Save some fried onions to sprinkle on top right before serving to maintain that satisfying crunch.

Storage & Meal Prep:
This casserole can be assembled up to 24 hours ahead and refrigerated before baking. Bake from cold, adding 10-15 minutes to the cooking time. Leftovers keep refrigerated for up to 4 days and reheat beautifully in a 350°F oven.

Tried this recipe?

Let us know how it was!

Filed Under

Appetizers · Easy Dinner Ideas