Side Dishes
This bean and bacon casserole recipe delivers the perfect balance of smoky, crispy bacon and hearty bean filling—ideal for feeding a crowd or prepping ahead. The secret lies in layering savory baked beans with crispy bacon, creating a dish that’s both comforting and impressive.
I’ve perfected this technique to ensure the top stays golden and crunchy while the filling remains tender and flavorful.
What sets this recipe apart is the crispy bacon topping, achieved by baking the bacon separately before sprinkling it over the casserole. This ensures maximum crunch without sacrificing flavor, while the beans simmer gently beneath, absorbing the smoky richness.
The dish bakes at 375°F for 30 minutes, making it a simple yet satisfying weeknight meal or holiday side.
By the time it emerges from the oven, you’ll have a dish that’s rich, savory, and impossible to resist—the crispy bacon crumbles into every bite, while the beans stay soft and flavorful.
It pairs beautifully with crusty bread or a simple green salad, making it a versatile addition to any meal. Ready to transform simple ingredients into something extraordinary?
The best part? This recipe scales effortlessly, so you can easily double or triple it for gatherings. The combination of smoky bacon and hearty beans makes it a crowd-pleaser, and the crispy top ensures it’s anything but boring. Let’s get cooking!
Ingredients for bean and bacon casserole
Twelve ingredients transform into a showstopping casserole where crispy bacon meets hearty bean filling.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned Baked Beans 🍲 | 2 cups | Drained, undrained for moisture |
| Thick-Cut Bacon 🥓 | 1 ½ lb | Cut into 1-inch pieces |
| Yellow Onion 🧅 | 1 whole | Medium, diced finely |
| Celery Stalks 🥬 | 3 whole | Diced small, not chopped |
| Garlic Cloves 🧄 | 4 cloves | Minced finely for depth |
| Kosher Salt 🧂 | 1 ½ tsp | Diamond Crystal preferred |
| Ground Black Pepper 🌶️ | ½ tsp | Freshly cracked for heat |
| Dried Thyme 🌿 | ½ tsp | Or 1 tsp fresh thyme leaves |
| Worcestershire Sauce 🍶 | 1 tbsp | For umami depth |
| All-Purpose Flour 🌾 | 2 tbsp | For crispy topping |
| Shredded Cheddar Cheese 🧀 | 1 cup | Sharp variety preferred |
| Milk 🥛 | ½ cup | Whole milk for creaminess |
| Butter 🧈 | 2 tbsp | Unsalted, melted |
The bacon is non-negotiable—thick-cut slices from Costco or your butcher deliver the best texture. Look for thick-cut labels, not pre-cooked or thin slices. The beans? Libby’s or Bush’s baked beans work perfectly, but if using canned refried beans, add an extra tablespoon of water to loosen the texture. For the onion and celery, sweat them down in butter before adding to the beans—this builds flavor foundation. Fresh thyme is ideal, but dried works at one-third the amount if you're in a pinch. The Worcestershire sauce adds depth, so don’t skip it.
No thick-cut bacon? Substitute thick-cut turkey bacon for a lighter option, though it won’t be as smoky. Running low on cheddar? Pepper jack adds heat, or Parmesan for a sharper bite. The flour topping can be swapped for crushed cornflakes for a gluten-free option—just add an extra tablespoon of milk to bind. For extra crispiness, bake the bacon separately at 400°F for 10 minutes before sprinkling it on top. The beans can be homemade (simmer cannellini beans with smoked paprika and a splash of vinegar), but jarred works just as well when time is tight.
This casserole reheats beautifully—cover with foil for the first 5 minutes to prevent over-browning. Keeps for 4 days in the fridge, though it’s best on day two when flavors meld. For make-ahead convenience, assemble the dish the night before and refrigerate—just add 10 minutes to baking time. The crispy topping can be frozen separately for up to 3 months and sprinkled on top when reheating. Leftovers transform into casserole sandwiches with crusty bread—always a hit.
Why You'll Love This Recipe
- One-Pan Magic: I swear by this for lazy nights—just toss everything in one dish, bake, and walk away. The bacon crisps up while the beans bubble, and honestly? No pots to wash after.
- Smoky-Sweet Crunch: That thick-cut bacon adds a salty crunch, and the onions caramelize just enough to give it depth. The garlic? Oh, it’s the secret—makes every bite feel like a little hug.
- Leftovers for Days: Between us, this casserole tastes even better the next day. I make a big batch on Sundays and reheat portions all week—no sad lunches here.
- Budget Meal Hero: Canned beans and bacon stretch into a filling meal without breaking the bank. Plus, it’s the kind of dish that makes you feel like you’re feeding a crowd, even if it’s just you and a takeout container.
Step-by-step instructions for bean and bacon casserole
This method delivers a perfectly crispy topping and rich, smoky filling every time.
🍳 Step 1: Cook the Bacon and Sauté the Vegetables
Place the 1.5 lb thick-cut bacon in a large oven-safe skillet over medium heat. Cook for 12-15 minutes, stirring occasionally, until the bacon is deep brown and crispy and the fat has rendered out. Use a slotted spoon to remove the bacon and set it aside on paper towels, leaving the fat in the skillet.
In the same skillet with bacon fat, add the 1 whole yellow onion and 3 whole celery stalks, both diced finely. Cook for 5-6 minutes until the vegetables soften and become translucent. Add the 4 cloves garlic cloves (minced) and cook for another 30 seconds until fragrant. This step builds the flavor foundation for your casserole.
👨🍳 Step 2: Prepare the Bean Filling
In a medium bowl, combine the 2 cups canned baked beans (undrained to maintain moisture), 1.5 tsp kosher salt, 0.5 tsp ground black pepper, 0.5 tsp dried thyme, and 1 tbsp Worcestershire sauce. Mix well to distribute the seasonings evenly. The undrained beans add natural sweetness and help create a thick, flavorful filling.
Stir in the cooked bacon, reserving 2 tbsp of the bacon fat for the topping. The bacon adds a smoky depth that pairs perfectly with the beans. Transfer the bean mixture to the skillet with the sautéed vegetables and stir to combine. Let the mixture sit for 2 minutes to absorb the flavors from the vegetables.
🥘 Step 3: Create the Crispy Topping
In a small bowl, whisk together the 2 tbsp all-purpose flour, 0.5 cup milk, and 2 tbsp melted butter until smooth. This mixture forms the crispy, golden topping that contrasts beautifully with the soft bean filling. Spread the bean mixture evenly into the skillet, creating a thick, even layer across the bottom.
Pour the milk-butter-flour mixture evenly over the beans. Use a rubber spatula to spread it into a thin, even layer across the top. Sprinkle the 1 cup shredded cheddar cheese evenly over the top. The cheese will melt into the topping, adding richness and helping it crisp up perfectly.
🔥 Step 4: Bake Until Golden and Bubbly
Transfer the skillet to a preheated 375°F oven and bake for 25-30 minutes until the top is deep golden brown and the edges are crispy. The center should be bubbling, and the filling should be heated through. If the top browns too quickly, tent loosely with aluminum foil to prevent over-browning while ensuring the filling cooks through.
Real talk: Your oven might run hot, so start checking at the 20-minute mark. The topping should be crispy enough to hold its shape when you lift a corner with a spatula. If it's not brown enough, return it to the oven for another 2-3 minutes. The filling should be hot and the cheese fully melted.
⏰ Step 5: Rest and Serve
Remove the casserole from the oven and let it rest for 5-10 minutes before serving. This resting period allows the filling to set slightly and makes it easier to slice. The crispy topping will firm up as it cools, creating that perfect textural contrast with the creamy bean filling.
Serve the casserole warm, straight from the skillet. The crispy topping should crackle as you cut through it, revealing the rich, smoky bean filling beneath. Each bite delivers a perfect balance of textures and flavors, with the bacon adding a savory depth that ties everything together.
Pro Tips For Making Bean And Bacon Casserole
- CRISP THE BACON FIRST: I learned this the hard way—skipping this step makes the bacon soggy. Cook thick-cut bacon until it’s deep brown and crispy (about 10-12 minutes), then crumble it after draining. That extra crunch adds texture the canned beans alone can’t deliver.
- DICE THE ONIONS SMALL: I used to halve the onions and wondered why they stayed tough. For this casserole, cut them into ¼-inch pieces—they’ll soften faster and blend into the beans without any chewy surprises. Same goes for the celery: slice it thin, or it’ll turn to mush while the bacon cooks.
- DRAIN THE BEANS WELL: This isn’t the prettiest method, but it’s the tastiest. After opening the can, rinse the beans under cold water and drain them in a colander for 2 minutes. The extra starch makes the casserole gluey if you skip this—trust me, your future self will notice.
- SAUTÉ THE VEGETABLES: Don’t just toss raw onion, celery, and garlic into the pot. Sauté them in a skillet with a splash of bacon fat (or oil) for 5-6 minutes until they’re soft and fragrant. This step builds flavor the canned beans can’t carry on their own—it’s the difference between "meh" and "wow."
Common mistakes when making this recipe
Overcooking the Bacon
Crispy bacon is the star of this casserole, but overcooking it turns it chewy and greasy. I’ve seen this happen when people crank the heat too high or forget to flip the bacon pieces.
Keep the heat at medium and stir every 3-4 minutes to ensure even cooking. Once the bacon reaches deep brown (about 12-15 minutes), remove it immediately to preserve that perfect crunch. 🥓
Skipping the Bacon Fat
The rendered bacon fat is flavor gold—don’t drain it! I’ve made this mistake before, and the casserole loses that smoky depth that makes it unforgettable. Use the fat to sauté the onions and celery, creating a rich base for the beans.
If you’re worried about excess fat, blot the bacon on paper towels before adding it back to the casserole.
Uneven Topping Thickness
An uneven topping leads to soggy spots or burnt edges. Spread the milk-butter-flour mixture in a thin, even layer—about ⅛ inch thick—across the beans. Use a rubber spatula to smooth it out.
I like to tap the skillet gently on the counter to help the mixture settle evenly. This ensures the topping crisps uniformly and holds its shape. 🌾
Underseasoning the Beans
Canned beans can be bland, so seasoning is key. Don’t just dump in salt and pepper—Worcestershire sauce and thyme add layers of flavor. I recommend tasting the beans before baking and adjusting with an extra pinch of salt or a dash of hot sauce if needed.
The filling should be rich and savory, not flat.
Baking at the Wrong Temperature
This casserole needs 375°F to develop that golden, crispy topping without drying out the beans. Baking too hot (400°F+) burns the topping before the filling cooks through, while 350°F leaves it soggy.
Use an oven thermometer to confirm accuracy—many home ovens run hot or cold. If your topping browns too fast, tent it loosely with foil.
Not Resting Before Serving
Skipping the 5-10 minute rest makes slicing messy and weakens the crispy topping. The filling needs time to set slightly, so the cheese can firm up and the topping can crisp further.
Trust me, this small step makes all the difference in presentation and texture. Serve it straight from the skillet while it’s hot, but let it rest first! ⏰
Nutrition facts
Frequently asked questions
Can I use turkey bacon instead of regular bacon?
Yes, but expect a milder flavor. Turkey bacon works well if you prefer a leaner option, though it won't have the same rich, smoky depth. Cook it the same way—12-15 minutes at medium heat—but watch closely as it can crisp faster than pork bacon. For extra flavor, add a pinch of smoked paprika to the beans.
How do I make this gluten-free?
Replace the 2 tbsp all-purpose flour with 2 tbsp cornstarch or crushed cornflakes mixed with 1 tbsp melted butter. The cornflake topping adds crunch while keeping it gluten-free. Just add an extra 1 tbsp milk to help bind the mixture, and bake as directed.
Can I make this ahead of time?
Assemble the casserole in a skillet the night before, cover tightly, and refrigerate. When ready to bake, add 10 extra minutes to the 375°F baking time. The flavors will deepen overnight, and the crispy topping will still turn out perfect. Just let it rest for 5 minutes before serving.
What's the best way to reheat leftovers?
Cover with foil and reheat at 350°F for 15-20 minutes until warmed through. For extra crispiness, broil for 2-3 minutes at the end. The topping may soften slightly, but the filling stays warm and delicious. Leftovers keep well for 4 days in the fridge.
Can I substitute canned beans with dried beans?
Yes, but you'll need to cook them first. Use 1.5 cups dried cannellini or navy beans, simmered for 1-1.5 hours until tender. Drain well and season with 1 tsp smoked paprika and ½ tsp garlic powder before using in the recipe. Dried beans add a heartier texture but require more prep time.