Savory Baked Beans with Bacon Recipe for the Oven

These homemade baked beans are made entirely from scratch — no canned beans. They’re perfect for family gatherings, potlucks, or holiday tables.

  • What Kind of Beans in Baked Beans?
  • How Many Canned Beans for One Pound Dried?
  • How to Cook Crispy Bacon?
  • Recipe
24Bite: Homemade Baked Beans with Bacon Recipe by Christian Guzman

Ingredients

ingredients for baked beans from scratch on a countertop

Homemade baked beans are a southern potluck classic. They pair beautifully with potato salad and other hearty sides. The sauce is simple: barbecue sauce (I prefer it to ketchup), a touch of tomato sauce, diced onion, and brown sugar for sweetness.

graphic of countertop with chef hat

Browse other
24Bite recipes
to customize your search.

What Kind of Beans in Baked Beans?

This recipe uses dried beans for the best flavor and cost-effectiveness. Navy beans are traditional, but Great Northern, Cannellini, or Peruano beans work well as substitutes.

How Many Canned Beans for One Pound Dried?

If you’re short on time, canned beans can substitute. Use four 15-ounce cans to equal one pound of dried beans. Rinse and drain them thoroughly before using.

How to Cook Crispy Bacon?

Cutting the bacon into bite-sized pieces before cooking makes it easier to brown evenly. To reduce splatter, add about a cup of water to the skillet with the bacon. Cook until the water evaporates; then the bacon will crisp as the fat renders. This yields tender, melt-in-your-mouth pieces that are perfect for baked beans.

If available, bacon ends and pieces are usually less expensive and work great for casseroles and sides like this.

Try Something New at 24Bite

  • img 17056 4
  • img 17056 5
  • img 17056 6
  • img 17056 7

How to Serve Baked Beans

Baked beans are typically served as a side dish, but they also make a satisfying main when paired with a bread and a salad. They store well: keep leftovers in an airtight container in the refrigerator for up to four days, or freeze portions in half-quart containers for later use.

24Bite: Homemade Baked Beans with Bacon Recipe by Christian Guzman

More Recipes

Other recipes you might enjoy:

  • Cheesy Zucchini Squash Casserole
  • Philly Cheesesteak Pizza
  • Bread Machine Soft Pretzels
  • Tortilla Chips from Scratch
  • How to Cook Canned Black-Eyed Peas

Recipe

24Bite Logo Full Size

img 17056 10

Homemade Baked Beans with Bacon

4.95 from 40 votes
Cook Time: 1 hour 9 minutes
Total Time: 1 hour 9 minutes
Servings: 12 servings
Calories: 285kcal
Author: Christian Guzman
These homemade baked beans are made from scratch and are ideal for gatherings and holidays.

For more details, refer to the recipe below.

Equipment

  • Large skillet
  • 3 quart baking dish

Ingredients

  • 1 pound dried navy beans, prepared and fully cooked
  • 10 ounces bacon, cut into bite-sized pieces
  • 1 onion, diced
  • 3/4 cup barbecue sauce
  • 1/4 cup dark brown sugar, packed
  • 8 ounces tomato sauce
  • 1 cup water
  • 2 tablespoons prepared mustard
  • 1 tablespoon Worcestershire sauce
  • 1 pinch ground cloves
  • 1 bay leaf
  • baking spray

Instructions

  • Heat the oven to 350°F.
  • Drain and rinse the cooked beans; set aside.
  • Cook the bacon in a large skillet over medium heat until crispy, about 10 minutes. Drain on paper towels and reserve two tablespoons of bacon grease in the skillet.
  • Cook the diced onion in the reserved bacon grease over medium heat until translucent, about 5–7 minutes.
  • Stir in barbecue sauce, brown sugar, tomato sauce, water, mustard, Worcestershire sauce, and cloves. Heat until the sugar dissolves and the mixture is warmed through. Gently fold in the beans, half of the cooked bacon, and the bay leaf.
  • Spray a baking dish with baking spray and pour in the bean mixture. Sprinkle the remaining bacon on top and press lightly with the back of a spoon.
  • Bake uncovered for 45–50 minutes, until hot and bubbly. Remove and discard the bay leaf before serving.

Notes

This recipe yields about 12 servings and stretches farther when served with other sides. You can cook the bacon whole and crumble it or cut it before cooking — both work fine. See substitution notes above for using canned beans.

Nutrition Facts
Homemade Baked Beans with Bacon
Amount Per Serving
Calories 285Calories from Fat 90
% Daily Value*
Fat 10g15%
Saturated Fat 3g19%
Sodium 481mg21%
Carbohydrates 37g12%
Fiber 10g42%
Sugar 13g14%
Protein 12g24%
* Percent Daily Values are based on a 2000 calorie diet.
Course Side Dish
Cuisine American, Southern
Keyword Baked Beans from Scratch, Barbecue Baked Beans, BBQ Baked Beans

______________________

Percent Daily Values are based on a 2000 calorie diet. All amounts are estimates; verify nutrition and ingredient amounts if you have specific dietary needs. 24Bite®, Kim Guzman, and Christian Guzman are not responsible for individual results or reactions.

© 2019-2026 Kim Guzman and Christian Guzman. All rights reserved.

Follow 24Bite:

24Bite Logo

Instagram   |   Facebook   |   Pinterest