Grilling outside with the family is an afternoon well spent. We love firing up the grill and cooking up a storm on it and let me tell you, these homemade pineapple baked beans are the perfect side dish to practically anything. Whether it’s steaks, ribs, hotdogs, burgers–you name it! They’re absolutely fantastic.
How to Make Pineapple Baked Beans
As with all great recipes, this pineapple baked beans recipe first starts with preparing some crispy bacon to add in with your beans:
- Cook the bacon. Use a large skillet to cook the smoked bacon over medium heat until crisp.
- Chop the bacon. Remove the bacon from the skillet and chop into small pieces.
- Discard the majority of the drippings. Discard all but 3 tablespoons of the bacon drippings.
- Preheat the oven. Preheat your oven to 350℉.
- Cook the onion. Add the chopped onion and cook for 4 to 5 minutes.
- Cook the bell pepper. Add the bell pepper and cook for 5 minutes.
- Prepare the sauce mixture. Add the brown sugar and BBQ sauce mix to combine.
- Add the pineapple and beans. Add the crushed pineapple and 4 cans of drained and rinsed navy beans and stir to combine.
- Add the remaining ingredients. Add the chopped bacon, chipotle chile in adobo sauce, and brown ale (you can also use beer or water if preferred) and stir to combine.
- Bake. Bake the beans in the preheated oven for one hour (or until bubbly), stirring once.
- Serve. Serve warm.
Can I Use Another Type of Bean for This Recipe?
While this recipe calls for 4 cans of navy beans (also known simply as white beans), you can easily swap them out for your favorite type of bean. Here are some suggestions for navy bean replacements that all work amazingly well when making this recipe:
- Flagelot beans
- Great Northern beans
- Pinto beans
- White kidney beans
3 Quick Tips for Making Pineapple Baked Beans from Scratch
Here are 3 handy tips to keep in mind when you’re making pineapple baked beans (or any baked beans dish!); hopefully they can help you to avoid some of the more common pitfalls with baked beans:
- Don’t overcook the beans. One of the most common complaints with baked beans is having the beans turn out mushy and in nearly all cases, overcooking is to blame. You should be aiming to bake your beans until they just begin to soften up.
- Dried beans vs. canned beans. Canned beans work great for convenience as you simply need to drain the can and rinse the beans and you’ll be all set. However, dried beans can also be a great, cost effective alternative if bought in bulk. The good news is that both options work great for making baked bean dishes like this one.
- Save time with a microwave. You can use a microwave to make this recipe if you’re in a hurry and need to save some time. However, it’s strongly recommended to bake the beans in an oven for best results.
(Also try: Pineapple Casserole)Print
Homemade Pineapple Baked Beans From Scratch (Easy recipe!)
- Prep Time: 10 minutes
- Cook Time: 1 hour
- Total Time: 1 hour, 10 minutes
- 4 (15.5oz) cans navy beans, drained and rinsed
- 8 oz smoked bacon, sliced
- 1 large onion, chopped
- 1/3 cup firmly packed brown sugar
- 1 green bell pepper, chopped
- 1 cup drained crushed pineapple
- 1 chipotle chile in adobo sauce
- ¾ cup BBQ sauce
- ¾ cup brown ale or beer or water
- In a large skillet, cook the bacon over medium heat until crisp.
- Remove from the skillet and chop the bacon into small pieces.
- Discard all but 3 tablespoons of the drippings.
- Add the onion and cook for 4-5 minutes.
- Add the bell pepper and cook for 5 minutes.
- Add the brown sugar, BBQ sauce and mix to combine.
- Add the pineapple and beans and stir to combine.
- Add the chopped bacon chipotle chile in adobo sauce and ale and stir to combine.
- Bake in preheated oven for one hour or until bubbly, stirring once.