Cheesy French Onion Skillet White Beans is the viral weeknight dinner that takes everything you love about French onion soup — the jammy caramelized onions, the savory broth, the blanket of bubbling Gruyère over toasted baguette — and turns it into a hearty, spoonable one-pan bake. Three large yellow onions melt down in butter until sweet and golden, creamy cannellini beans simmer in a wine-and-broth sauce, and the whole skillet goes under the broiler with crostini and two kinds of cheese until the top is blistered and golden.
This dish blew up this week after becoming one of the most-saved recipes on Serious Eats, and it is easy to see why. It tastes like French onion soup you can eat with a spoon, it is ready in about 40 minutes, and it uses humble pantry ingredients to deliver restaurant-level comfort. Serve it straight from the skillet with a simple green salad, and watch it disappear.
Why You’ll Love This French Onion White Beans
- All the French onion soup flavor: Slowly caramelized onions, fresh thyme, a splash of white wine, and two kinds of melted cheese give you that classic bistro flavor profile without fussing with individual soup crocks.
- Hearty enough for dinner: Creamy cannellini beans make this a genuinely filling vegetarian main dish, with plenty of protein and fiber in every serving — no soup that leaves you hungry an hour later.
- One-pan from start to finish: Everything happens in a single oven-safe skillet: the onions caramelize, the sauce simmers, and the cheese broils. That means bold flavor and almost no cleanup.
- Ready in about 40 minutes: True caramelization takes about 20 minutes, but from there the recipe moves fast. It is a realistic weeknight dinner that still feels special enough for company.
- Budget-friendly pantry staples: Onions, canned beans, broth, a little wine, and cheese — there is nothing exotic here, yet the result tastes far more expensive than the ingredient list suggests.
Ingredients
For the Onion & Bean Base:
- 3 large yellow onions, halved and thinly sliced (about 2 pounds)
- 3 tablespoons unsalted butter
- 1 tablespoon olive oil
- 1 teaspoon kosher salt, plus more to taste
- 3 cloves garlic, minced
- 1 tablespoon fresh thyme leaves, plus extra for garnish
- 2 tablespoons all-purpose flour
- 1/2 cup dry white wine (such as Sauvignon Blanc), or additional broth
- 1 cup vegetable broth or chicken broth
- 2 cans (15 ounces each) cannellini beans, drained and rinsed
- 1/2 teaspoon freshly ground black pepper
For the Cheesy Topping:
- 6 to 8 slices baguette, cut 1/2-inch thick and lightly toasted
- 1 1/2 cups shredded Gruyère cheese (about 6 ounces)
- 1/2 cup grated Parmigiano-Reggiano cheese
Instructions
- Caramelize the onions: Melt the butter with the olive oil in a large oven-safe skillet over medium heat. Add the sliced onions and the kosher salt, and toss to coat. Cook, stirring every few minutes, for 20 to 25 minutes, until the onions are deeply golden, soft, and sweet. If they start to scorch, lower the heat slightly and add a splash of water. Do not rush this step — the caramelization is where all the flavor comes from.
- Add the aromatics: Stir in the minced garlic and fresh thyme leaves, and cook for about 30 seconds, just until fragrant. Keep stirring so the garlic does not burn.
- Make the roux: Sprinkle the flour evenly over the onions and stir well to coat. Cook for 1 to 2 minutes, stirring constantly, until the raw flour taste cooks out and the mixture looks lightly golden and pasty.
- Deglaze the pan: Pour in the white wine and scrape up all the browned bits from the bottom of the skillet with a wooden spoon — those bits are pure flavor. Let the wine simmer for about 1 minute, until slightly reduced.
- Add the broth and beans: Stir in the broth and the drained, rinsed cannellini beans. Bring the mixture to a gentle simmer and cook for 5 minutes, stirring occasionally, until the sauce thickens slightly and coats the beans. Season with the black pepper and taste for salt, adjusting as needed.
- Preheat the broiler: While the beans simmer, move an oven rack to the upper-middle position (about 6 inches from the broiler) and preheat the broiler on high. Toast the baguette slices lightly in a toaster or in the oven while it heats.
- Top the skillet: Arrange the toasted baguette slices in a single layer over the beans, overlapping them slightly so most of the surface is covered. Sprinkle the shredded Gruyère evenly over the bread, then finish with the grated Parmigiano-Reggiano.
- Broil until golden and bubbly: Transfer the skillet to the oven and broil for 3 to 5 minutes, watching closely, until the cheese is melted, bubbling, and spotted golden brown. Every broiler is different, so do not walk away — it can go from perfect to burnt in seconds.
- Rest and serve: Let the skillet rest for 5 minutes so the cheese sets slightly and the sauce thickens. Garnish with extra fresh thyme leaves and serve hot, straight from the skillet, spooning beans, broth, and cheesy crostini into shallow bowls.
Tips for the Best French Onion White Beans
- Use a large oven-safe skillet, ideally 12 inches, so the onions have room to brown rather than steam, and the whole dish can go straight under the broiler.
- Slice the onions evenly and thinly so they caramelize at the same rate; thick chunks will still be crunchy when the thin slices are perfectly golden.
- Give the onions a real 20 minutes — they should be deep amber, not pale and sweaty. The sweetness of the dish comes entirely from this step.
- Shred the Gruyère from a block rather than using pre-shredded cheese, which contains anti-caking agents and does not melt as smoothly.
- If you skip the wine, use an extra 1/2 cup of broth plus a teaspoon of white wine vinegar or lemon juice to replace the acidity that balances the rich cheese.
Variations
- Meaty version: Brown 8 ounces of Italian sausage or diced pancetta in the skillet before adding the onions, and stir the cooked meat back in with the beans for a heartier dinner.
- Mushroom twist: Add 8 ounces of sliced cremini mushrooms with the onions and let them brown deeply alongside them for an extra layer of savory, earthy flavor.
- Different beans: Great Northern or navy beans work just as well as cannellini. You can also use butter beans for an even creamier, more luxurious texture.
- Cheese swaps: Replace the Gruyère with Comté, fontina, or a good Swiss for a similar nutty melt. A little smoked Gouda added to the mix gives a lovely smoky note.
- Herb upgrade: Swap the thyme for fresh rosemary or sage, or finish the dish with a handful of chopped parsley for a brighter, fresher flavor.
Storage & Reheating
Store leftovers in an airtight container in the refrigerator for up to 4 days. Keep in mind that the toasted baguette topping will soften as it sits, so if you want that crispy-cheesy texture back, it is best to store any leftover bread topping separately when possible.
To reheat, warm the beans gently in a skillet over medium-low heat, adding a splash of broth if the sauce has thickened too much. For a crispy top, transfer to an oven-safe dish, add fresh shredded cheese and bread if you like, and broil for 2 to 3 minutes until bubbly again. You can also microwave individual portions, though the topping will be softer.
Frequently Asked Questions
Can I make this without wine?
Yes. Replace the 1/2 cup of wine with an additional 1/2 cup of broth and add 1 teaspoon of white wine vinegar or lemon juice. You need that little bit of acidity to balance the sweetness of the caramelized onions and the richness of the cheese.
What can I use instead of Gruyère?
Comté, fontina, and good-quality Swiss cheese all melt beautifully and have a similar nutty flavor. In a pinch, mozzarella will give you the stretch but less of the savory depth, so mix it with extra Parmigiano-Reggiano if you go that route.
Can I use dried beans instead of canned?
Absolutely. You will need about 3 cups of cooked beans, which is roughly 1 1/2 cups dried cannellini cooked until tender. This adds time but gives you an even creamier texture, since home-cooked beans hold their shape and creaminess better than canned.
Is this dish vegetarian?
It is vegetarian if you use vegetable broth — and it is genuinely filling thanks to the beans. Note that traditional Parmigiano-Reggiano is made with animal rennet, so strict vegetarians may want to use a vegetarian Parmesan-style cheese instead.
Serve this Cheesy French Onion Skillet White Beans straight from the pan while the cheese is still bubbling, with a crisp green salad and a glass of the same dry white wine you cooked with. It is the kind of cozy, shareable dinner that turns an ordinary weeknight into something worth remembering — no wonder it went viral.