Chocolate Chip Cookie Bars Recipe - Dessert for Two (2024)

Published: · Modified: by Christina Lane · This post may contain affiliate links · 37 Comments

Chocolate chip cookie bars are an easier way to get your cookie fix without having to scoop! Press this soft and chewy dough into an 8x8" brownie pan and get 12 cookie bars.

Chocolate Chip Cookie Bars Recipe - Dessert for Two (1)

Why this recipe for Chocolate Chip Cookie Bars works

I’m calling all lazy cookie bakers with a cookie craving today! If scooping cookie after cookie isn’t your thing, you can just press this dough right into an 8x8 pan! It's the same pan you use for brownies so you'll enjoy a chocolate chip cookie with the hard edge you get with the brownies. This recipe makes 12 cookies in one batch!

However, if scooping tons of cookies aren’t your thing, I hope you’re at Dessert for Two for small cookie recipes. Most of my small batch cookie recipes make one dozen cookies or less, which is perfect for a small household, or perfect for gifting to a friend!

Chocolate Chip Cookie Bars Recipe - Dessert for Two (2)

Pan Cookies Ingredients

  • Butter. Unsalted butter is best here, because we will be adding our own salt to the dough.
  • Brown Sugar. Light or dark brown sugar both work here, though dark brown sugar will make a slightly softer pan cookie bar.
  • Granulated Sugar.
  • Egg. One whole egg.
  • Vanilla Extract.
  • Flour. The best way to measure all-purpose flour is to fluff it in the bag or jar, scoop it into the measuring cup and then gently level it with a knife.
  • Salt.
  • Espresso Powder. The addition of instant coffee granules or instant espresso powder makes the cookies taste slightly richer. You can use instant espresso powder or one pack of Starbucks via instant coffee.
  • Baking Powder.
  • Baking Soda.
  • Chocolate Chips. My first choice is semisweet or dark chocolate chips, because these bars are so sweet, but you can use milk chocolate or even white chocolate chips. (If you love my white chocolate chip cookies, be sure to try them here!)

How to Make Chocolate Chip Cookie Bars

  1. Preheat the oven to 375-degrees Fahrenheit, and spray an 8-inch square brown pan lightly with cooking spray.
  2. Using an electric mixer, cream together the butter, brown sugar, and granulated sugar until light and fluffy, about 1 minute.
  3. Add the egg and vanilla, and beat until combined.
  4. Next, sprinkle the flour, salt, espresso powder, baking soda and baking powder into the bowl. Beat just until combined.
  5. Stir in the chocolate chips.
  6. Press the batter into the pan and bake for 15 minutes. If you're using a metal pan, the baking time will be longer, as metal pans bake things more slowly than glass pans. Add an extra 5 minutes, and then test before removing from the oven. A toothpick inserted into the center should come out with moist crumbs, but not overly wet batter. If you're baking in a glass pan, check the chocolate chip cookie bars at 15 minutes and test with a toothpick. Add extra time, if needed.
  7. Let cool in the pan for 5 minutes, and then use the handles to remove the cookies from the pan. Place them on a cooling rack, and let cool completely before slicing and serving.
Chocolate Chip Cookie Bars Recipe - Dessert for Two (3)

Cookie Bars Recipe Tips:

  • Instant espresso powder is optional in these cookies, but it really gives a depth of flavor to the chocolate. I almost never bake chocolate chip cookies without espresso powder.
  • I recommend baking cookies on a silicone mat or piece of parchment paper. For these chocolate chip cookie bars, I recommend lining the pan with aluminum or parchment paper. Be sure to leave excess on the edges to serve as handles to help you remove the cookies from the pan. If you’re using a silicone pan, no need to line it, as silicone is 100% nonstick!
  • Your 8x8 pan can be glass, metal or silicone; this cookie bar recipe will work in any pan! Metal pans bake things more slowly than glass, so be aware you may need to adjust the cooking time of this recipe depending on your bakeware.
  • You can use semi-sweet chocolate chips, milk chocolate chips, dark chocolate chips, or even white chocolate chips. However, if you use mini chocolate chips reduce the quantity by ¼ cup.

How to Store Pan Cookies

-Room Temperature - Keep your finished cookies in an air-tight container at room temperature

-Refrigerate - Make ahead the cookie dough and store it in the refrigerator for up to a day.

-Freeze - Or you may freeze the dough to make later. Defrost and spread in pan and bake as usual.

Chocolate Chip Cookie Bar Recipe FAQs

How do you know when pan cookies are done?

Pan cookies are done when the edges of cookie that touch the pan are slightly golden brown. The center will be somewhat soft, never firm. The cookies will continue to cook as they cool in the pan. You can insert a toothpick in the center of the cookie bar, and only moist crumbs should cling to it. Overly wet batter means the cookie bars need more time to cook.

Why are my cookie bars hard?

You overbaked them, I’m sorry. There’s really nothing to save them at this point.

What's the difference between blondies and cookie bars?

These particular cookie bars are meant to resemble chocolate chip cookies that are cut into squares. My blondies are a softer, brown sugar focused cookie bar. Cookie bars are slightly more firm than blondies. Blondies should be chewy and softer than cookie bars.

More like this Recipe for Chocolate Chip Cookie Bars

  • Chocolate Caramel Cookies
  • Sugar Cookie Bars
  • Pecan Pie Bars
  • Small Batch Brownies
  • Cranberry White Chocolate Chip Cookies

Yield: 12

Pan Chocolate Chip Cookies (Cookie Bars Recipe)

Soft and chewy chocolate chip cookie bars made in an 8x8 pan.

Prep Time12 minutes

Cook Time15 minutes

Total Time27 minutes

Ingredients

  • 1 stick (4 ounces) unsalted butter, softened
  • ⅓ cup light brown sugar
  • ¼ cup granulated sugar
  • 1 large egg
  • 1 teaspoon vanilla extract
  • 1 cup all-purpose flour
  • ½ teaspoon salt
  • ½ teaspoon instant espresso powder* (can use Starbucks Via)
  • ¼ teaspoon baking powder
  • ¼ teaspoon baking soda
  • 1 cup semisweet chocolate chips

Instructions

  1. Preheat the oven to 375, and lightly spray a 8x8" brownie pan with cooking spray (or line it with parchment paper or foil, leaving excess on the sides to form handles that help you remove the bars after cooking).
  2. In a medium bowl, cream the butter and sugars until light and fluffy, about 1 minute.
  3. Add the egg and vanilla, and beat until combined.
  4. Next, sprinkle the flour, salt, espresso, baking soda and baking powder on top of the butte mixture.
  5. Beat until just combined, do not over-mix.
  6. Stir in the chocolate chips.
  7. Press the batter into the pan, and bake for 15 minutes. The edges of the cookie should start to brown, but be careful not to overcook, or they'll be too dry.
  8. Let cool in the pan for 5 minutes, and then use the handles to remove the cookies from the pan. Place them on a cooling rack, and let cool completely before slicing and serving.

Notes

*Instant espresso powder is optional in these cookies, but it really gives a depth of flavor to the chocolate. I almost never bake chocolate chip cookies without espresso powder.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:

Yield:

12

Serving Size:

1

Amount Per Serving:Calories: 217Total Fat: 13gSaturated Fat: 7gTrans Fat: 0gUnsaturated Fat: 4gCholesterol: 36mgSodium: 135mgCarbohydrates: 26gFiber: 1gSugar: 17gProtein: 2g

Did you make this recipe?

Please leave a comment on the blog or share a photo on Instagram

More Cookies and Bars

  • Almond Croissant Cookies
  • Oatmeal Chocolate Chip Cookies Recipe
  • Red Velvet Sugar Cookies
  • Monster Chocolate Chip Cookies Recipe

Reader Interactions

Comments

  1. Phyllis says

    Made these today because they are quick and easy. I love using espresso powder for anything with chocolate. I only made one change to the recipe and that was to add one extra tablespoon of flour for high altitude.

    Reply

  2. Martha says

    This was probably the best batch of cookie bars I've made... they came out of the oven with a perfect toasted marshmallow-look! And it was the perfect size batch to make for my family without worrying about having dozens leftover.

    Reply

  3. Lori says

    I needed to add more time to bake them to doneness, but this recipe was tasty and delicious!

    Reply

  4. Libri says

    These are so delicious and not too sweet. I didn't have any espresso powder this time around and they were still perfectly satisfying. Thank you.

    Reply

  5. Julianna says

    I liked how quick and tasty these cookies were! I might reduce the sugar by a tablespoon next time and try a 9x9 pan.

    Reply

  6. Karen says

    Do you think you could use a GF flour in these? I have had success using GF flour in another recipe (muffins) but that called for a much smaller amount.

    Thanks!

    Reply

  7. Cheryl says

    Cookies and bars that are too crisp can be soften some by adding a piece or two of white bread in the cover container overnight. Also heat a piece in the microwave for around 10 seconds. This often softens the cookie bar. In fact I do this with my brownie to get that fresh baked flavor.

    Reply

  8. Palette says

    This recipe is easy, simple and delicious! The only thing I changed was the baking time, had to bake 20 minutes for doneness. Was worth the wait! very yummy!!

    Reply

« Older Comments

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Chocolate Chip Cookie Bars Recipe - Dessert for Two (2024)

FAQs

Why are my cookie bars hard? ›

Overmixing develops the gluten in the flour, which can produce tough bars. If the recipe doesn't call for an electric mixer, mix in dry ingredients using a wooden spoon. When flour or other dry ingredients are "scooped" into the measuring cup directly from the container, it compresses, or becomes packed.

What makes chocolate chip cookies taste so good? ›

The caramelized butter, sugar, vanilla, chocolate, and subtle notes of salt offer a balanced flavor profile. The saltiness highlights and enhances the preexisting flavors. But what makes for the perfect chocolate chip cookie? You get what you pay for, and high-quality ingredients equate to a high-quality product.

What is the secret to chewy cookies? ›

Cornstarch helps product soft and thick cookies. Using more brown sugar than white sugar results in a moister, softer cookie. An extra egg yolk increases chewiness. Rolling the cookie dough balls to be tall and lumpy instead of wide and smooth gives the cookies a bakery-style textured thickness.

How do you make cookie bars less cakey? ›

Learn more about Fats in Baking. Check package to make sure the product you used contained at least 70% fat. Spreads with less fat contain more water, which will make bar cookies more cake-like and drier. Too little fat will result in dry or cake-like bar cookies.

How do you soften hard bar cookies? ›

How to Soften Cookies in the Oven: Preheat your oven to 300°F (150°C). Wrap the stale cookies in aluminum foil and place them on a baking sheet. Heat them in the oven for about 5-10 minutes. Check them regularly to avoid overheating or burning.

Why are my chocolate chip cookies crunchy and not chewy? ›

The ingredients you use and how you shape your cookies both play an important role in whether your cookies turn out crispy or chewy. The type of flour and sugar you use, if your cookie dough contains eggs, and whether you use melted or softened butter all factor into the crispy-chewy equation, too.

How do you keep chocolate chip cookies soft and chewy? ›

Putting a slice of fresh white bread in the container with the cookies will help the cookies stay soft: fresh bread is moist, and that slice will give up its moisture for the greater good: keeping the cookies from drying out. We recommend white bread so that no flavor is transferred to the cookies.

What does butter do in cookies? ›

The job of butter in baking (besides being delicious) is to give richness, tenderness and structure to cookies, cakes, pies and pastries. We alter the way butter works in a recipe by changing its temperature and choosing when to combine it with the other ingredients.

Is it OK to use melted butter instead of softened? ›

Softened butter and melted butter are not the same. Using melted butter will change the texture of whatever you're baking. If you only want the butter to soften for spreading, microwave it on the Defrost setting (30%) in 5-second increments until it's softened as desired.

What flour is best for chewy cookies? ›

Bread Flour: For Chewy Texture

Bread flour contains a higher protein content (around 12-14%), leading to more gluten development. This makes it ideal for bakers seeking a chewier texture in their cookies. The extra gluten can help retain gas and moisture, producing a denser and chewier result.

How to doctor up chocolate chip cookie mix? ›

Here are our seven favorite ways to gild the chocolate-chip-cookie lily:
  1. Brown your butter. ...
  2. Whisk coffee grounds or espresso powder into the flour. ...
  3. Use hand-chopped chunks, not chips. ...
  4. Stir crunchy cereal into the dough. ...
  5. Fold in your favorite snack food. ...
  6. Sprinkle dough balls with flaky salt before baking.
Mar 6, 2015

How to jazz up Betty Crocker chocolate chip cookie mix? ›

Double the batch with another chocolate chip cookie mix or get funky and use a second flavor, like the peanut butter cookie mix, instead. Flavor Twist: To give your cookies a comforting and tasty twist, add a teaspoon of ground cinnamon to the dry chocolate chip cookie mix, before creating the dough.

Why do my cookies go rock hard? ›

Hard cookies: you are over mixing, baking too long, baking at too high a temperature, or some combination of these. Cakey cookies: not enough brown sugar, too much or too little egg, too much flour, maybe you used baking powder instead of baking soda?

How do you make cookies that don't get hard? ›

Baking at 375 degrees F as opposed to a lower temperature will help cookies stay soft: they'll bake faster which means they aren't in the hot, drying air of the oven too long. Pull the cookie sheet out of the oven when the cookies are just set: underbaking is better than overbaking.

What causes hardness in cookies? ›

(2016) reported that hardness of the cookies is increased by the replacement of wheat flour with water chestnut flour. Further, Hoseney and Rogers (1994) stated that hardness of the cookies is caused by the interaction of proteins and starch by hydrogen bonding.

Why are my cookies hard and crispy? ›

Adding too little flour can cause cookies to be flat, greasy, and crispy. Most recipes assume you'll use all-purpose, but if you want a lighter, crumblier cookie texture, choose one with a lower protein content such as cake-and-pastry flour. Baking soda helps cookies spread outward and upward while cooking.

References

Top Articles
Latest Posts
Article information

Author: Lilliana Bartoletti

Last Updated:

Views: 6353

Rating: 4.2 / 5 (73 voted)

Reviews: 80% of readers found this page helpful

Author information

Name: Lilliana Bartoletti

Birthday: 1999-11-18

Address: 58866 Tricia Spurs, North Melvinberg, HI 91346-3774

Phone: +50616620367928

Job: Real-Estate Liaison

Hobby: Graffiti, Astronomy, Handball, Magic, Origami, Fashion, Foreign language learning

Introduction: My name is Lilliana Bartoletti, I am a adventurous, pleasant, shiny, beautiful, handsome, zealous, tasty person who loves writing and wants to share my knowledge and understanding with you.