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

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

  • Chocolate Sugar Cookies
  • Best Almond Butter Cookies Recipe
  • Mini Chocolate Chip Cookies
  • Almond Croissant Cookies

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 (2025)

FAQs

What's the difference between cookies and cookie bars? ›

Bar Cookies are cookies that the dough is baked spread-out in a pan. The cookies are cut into “bars” after baking. Most drop cookies can also be made into bar cookies. Bar cookie dough is pretty stiff/firm like a cookie dough.

Why are my cookie bars hard? ›

Baking cookie bars for too long can lead to a dry and hard texture. Follow the recommended baking time in your recipe and be cautious not to overbake. Ingredient Ratios play a role too. The proportions of ingredients in your recipe can affect the texture.

What type of bar cookie is baked sliced and baked a second time? ›

Bar cookies are made from a stiff dough that you roll into a log then bake. The bars are then cut into slices once baked. A well know bar type cookie is the biscotti. However, biscotti are different due to the fact that they go back in the oven after being sliced for a second baking time.

What chocolate bar can I use for cookies? ›

Semisweet and bittersweet

Luckily, the delightfully balanced effect of either semisweet or bittersweet chocolate on a baked good is about the same. The 60 to 70% range is (no pun intended) the sweet spot for most recipes and most personal tastes as it provides some of the astringency of dark without going whole hog.

How to chop chocolate bars for chocolate chip cookies? ›

Chocolate chunks

Using a serrated knife is your best bet when it comes to chopping up a bar of chocolate into chunks and shards. It makes the process easy and effortless.

How do you make cookie bars less cakey? ›

You'll add an extra egg yolk for a bit of extra richness and just the right amount of flour so that your cookie bars don't get a cakey texture. They will still taste great the next day but know that there is NOTHING that will compare to eating one of these soon after they've been baked.

Why are my cookie bars not done in the middle? ›

Oven thermostats can change over time, requiring temperature adjustments by the baker or calibration by a professional. To assure the correct temperature each time you bake, always use an oven thermometer.

Should I use baking soda or baking powder in cookies? ›

Baking soda is typically used for chewy cookies, while baking powder is generally used for light and airy cookies. Since baking powder is comprised of a number of ingredients (baking soda, cream of tartar, cornstarch, etc.), using it instead of pure baking soda will affect the taste of your cookies.

What is a Taylor Swift cookie? ›

Taylor Swift Cookies are these Chai Sugar Cookies that Taylor made for the 1989 Secret Sessions. She posted a picture of them on her Instagram and then posted the recipe on Tumblr. Kind of a cross between a sugar cookie and a snickerdoodle. What can I use instead of chai tea?

Which cookie is always twice-baked? ›

Biscotti cookies are crispy, twice-baked Italian cookies known for their distinct oblong shape and crunchy texture.

What is a drop cookie? ›

“Drop cookie” is a term applied to cookie recipes where bakers “drop” cookie dough from a spoon or cookie scoop onto a baking sheet, rather than roll it out or cut it into specific shapes. Conversely, most Christmas cookies and shortbread-style cookies are “cut” cookies.

What can I use if I don't have chocolate chips for cookies? ›

If you're looking for a protein-rich and crunchy substitute for chocolate chips, nuts are a great option. Peanuts, chopped walnuts, almonds, and pecans are all popular choices that work well in cookies. Which ones will be the best choice? This will depend on your flavor preferences.

Can I use a regular chocolate bar for baking? ›

Can I use normal chocolate instead of baking chocolate? Yes, normal eating chocolate can widely be used as a substitute for baking chocolate in almost any recipe. However, due to the fact that eating chocolate already has quite a bit of sugar added to it, you may want to reduce the sugar in your recipe accordingly.

Can I substitute Hershey bar for chocolate chips? ›

But when it comes to making other things like ganaches, cake batters, and candies, can you swap the higher-priced bars for common chocolate chips? The answer is yes… most of the time. Even though the fat and chocolate ratios are different, you can swap out chocolate bars for ganaches, sauces, frostings, and cakes.

How many chocolate chips equal one chocolate bar? ›

3 tablespoons chocolate chips for every 1-ounce semi-sweet baking chocolate. 1-ounce bittersweet baking chocolate for every 1-ounce semi-sweet bittersweet baking chocolate.

Top Articles
Latest Posts
Recommended Articles
Article information

Author: Nathanael Baumbach

Last Updated:

Views: 5813

Rating: 4.4 / 5 (55 voted)

Reviews: 86% of readers found this page helpful

Author information

Name: Nathanael Baumbach

Birthday: 1998-12-02

Address: Apt. 829 751 Glover View, West Orlando, IN 22436

Phone: +901025288581

Job: Internal IT Coordinator

Hobby: Gunsmithing, Motor sports, Flying, Skiing, Hooping, Lego building, Ice skating

Introduction: My name is Nathanael Baumbach, I am a fantastic, nice, victorious, brave, healthy, cute, glorious person who loves writing and wants to share my knowledge and understanding with you.