If you love a warm, shareable cookie that looks like a cake but tastes like the classic cookie you grew up on, this is the one to keep in your back pocket. The texture is tender at the edges, soft and slightly chewy in the center, and studded with pockets of melted chocolate. It’s a simple formula with a frosting that adds a rich, chocolate finish without being fussy.

I developed this version after testing a dozen variations until the bake time, butter technique, and frosting came together in a way that pleases both cookie purists and cake lovers. The method is straightforward and forgiving — great for weeknight baking and for celebrations when you want a show-off dessert that’s almost entirely hands-off.

Below you’ll find the exact ingredients and step-by-step directions to reproduce this at home, plus troubleshooting notes, swaps for dietary needs, and storage tips so your Chocolate Chip Cookie Cake stays delicious for days.

What You’ll Need

A few pantry staples and one 9-inch cake pan are all it takes. Read the ingredient list before you start so everything is ready. I like to line the pan with foil for easy removal and to spray the foil so the cookie cake comes out cleanly.

Ingredients

½ cup (113 g) unsalted butter, melted — adds fat for tenderness and helps the dough spread evenly in the pan.
⅓ cup (67 g) granulated sugar — gives sweetness and helps the edges crisp slightly.
½ cup (100 g) packed brown sugar — brings moisture and a touch of caramel flavor to the crumb.
1 large egg — the binder that gives structure and a bit of lift.
1 teaspoon vanilla extract — essential for depth and warmth in the cookie flavor.
½ teaspoon salt — balances sweetness and enhances overall flavor.
½ teaspoon baking soda — a small amount for gentle rise and a tender crumb.
1 ½ cups (186 g) all-purpose flour — forms the structure; measure accurately for best texture.
1 ½ cups (275 g) chocolate chips — the star component; choose semi-sweet or mix chips for contrast.
4 tablespoons (57 g) unsalted butter, softened — for the frosting base; softened, not melted.
1 cup (113 g) powdered sugar — sweetens and thickens the frosting to hold piped shapes.
2 tablespoons (10 g) unsweetened cocoa powder — gives the frosting a chocolate flavor without extra liquid.
¼ teaspoon salt — tempers the sweetness of the frosting.
½ teaspoon vanilla — boosts the chocolate notes and rounds the frosting flavor.
1–2 tablespoons heavy whipping cream or milk — used to adjust the frosting to a piping consistency; add gradually.

From Start to Finish: Chocolate Chip Cookie Cake

Preheat oven to 350°F (177°C). Line a 9-inch round cake pan with foil and spray the foil with nonstick cooking spray.
In a large bowl (or the bowl of a stand mixer fitted with the paddle), combine ½ cup (113 g) melted unsalted butter, ⅓ cup (67 g) granulated sugar, and ½ cup (100 g) packed brown sugar. Mix on low speed until smooth.
Add 1 large egg and 1 teaspoon vanilla extract. Mix on medium speed until fully combined, scraping the sides of the bowl as needed.
Add ½ teaspoon salt and ½ teaspoon baking soda and mix briefly to incorporate.
Gradually add 1 ½ cups (186 g) all-purpose flour and mix on low just until the dough comes together and is smooth. Scrape the sides of the bowl as needed; do not overmix.
Slowly mix in 1 ½ cups (275 g) chocolate chips until evenly distributed.
Press the cookie dough evenly into the prepared 9-inch pan, smoothing the top so the dough reaches the edges.
Bake for 21–25 minutes, until the top is slightly golden and a toothpick inserted in the center comes out clean or with a few moist crumbs.
Remove from the oven and let the cookie cake cool in the pan on a wire rack until completely cool before frosting.
To make the frosting, place 4 tablespoons (57 g) softened unsalted butter in a large bowl and beat until smooth.
Add 1 cup (113 g) powdered sugar, 2 tablespoons (10 g) unsweetened cocoa powder, and ¼ teaspoon salt. Mix on low until the mixture is combined and somewhat crumbly.
Mix in ½ teaspoon vanilla, then add 1 tablespoon heavy whipping cream or milk and beat until smooth. Add the remaining 1 tablespoon heavy cream or milk if needed to reach a piping consistency.
Transfer the frosting to a piping bag fitted with a large star tip and pipe swirls around the edges of the cooled cookie cake (or spread the frosting as desired).
Store the frosted cookie cake in an airtight container for up to 3 days. Freeze the unfrosted cookie cake for up to 1 month.

The Upside of Chocolate Chip Cookie Cake

This is a crowd-pleaser that hits a sweet spot: simpler than a layer cake but more impressive than a tray of cookies. It’s easy to transport, quick to slice, and perfectly portioned for parties. The single-pan format cuts down on time and dishes.

It also scales well. The batter is forgiving, so you can adjust bake time slightly for a deeper golden crust or a softer center. The frosting is a small addition that elevates the presentation without overwhelming the classic cookie flavor.

Healthier Substitutions

You can make a few swaps if you’re watching calories or prefer different ingredients, but these will change texture slightly.

Swap up to half the butter with unsweetened applesauce for lower fat; expect a softer, less crisp edge.
Use a lower-sugar chocolate or reduce chocolate chips by ¼ cup to cut sugar without changing the method.
Replace white flour with 50–75% whole wheat pastry flour for more fiber; the cake will be denser and nuttier.
Substitute milk for heavy cream in the frosting to reduce fat; use the lower amount to keep piping consistency.

Tools & Equipment Needed

9-inch round cake pan — lined with foil and sprayed for easy removal.
Stand mixer with a paddle attachment or a large mixing bowl and a sturdy spoon — mixing on low keeps the dough tender.
Measuring cups and spoons — weigh flour if you can for best consistency.
Wire rack — cool the cookie cake completely before frosting.
Piping bag and large star tip (optional) — for the swirled-edge frosting look; you can also spread the frosting with an offset spatula.
Toothpick — to check for doneness in the center.

Learn from These Mistakes

Here are the issues you’re most likely to encounter and how to avoid them:

Overbaking. The cookie cake continues to cook in the pan as it cools. Remove it when the center still has a few moist crumbs on a toothpick.
Too dry. Don’t overmeasure flour. Spoon flour into the measuring cup and level it off rather than scooping directly from the bag.
Uneven bake. Press the dough evenly in the pan so thickness is consistent. If the edges are browning too quickly, tent a piece of foil over the top halfway through baking.
Runny frosting. Add the cream gradually. If the frosting gets too soft, chill it briefly and rebeat before piping.
Sticking to the pan. Line the pan with foil and spray it well. Letting the cake cool completely before lifting prevents breakage.

Variations for Dietary Needs

Accommodating allergies or preferences is possible with small changes.

Dairy-free: Use a plant-based butter substitute for both the dough and frosting and a non-dairy milk for the frosting liquid.
Egg-free: Try an egg replacer like a flax egg (1 tablespoon ground flax + 3 tablespoons water = 1 egg) though texture will be slightly more cake-like.
Gluten-free: Substitute a 1:1 gluten-free flour blend designed for baking; you may need a tablespoon more liquid and a slightly shorter bake time—watch closely.

Flavor Logic

Why these ingredients and ratios work: melted butter creates a tender, evenly spread base that mimics a cookie while allowing even browning. Using both granulated and brown sugar gives a balance of crispness and chew. A touch of baking soda provides just enough lift without making the cake cake-like. Finally, a chocolate frosting echoes the chips and ties the dessert together visually and flavor-wise.

Keep-It-Fresh Plan

Store the frosted cookie cake in an airtight container at room temperature for up to 3 days. If you need to keep it longer, freeze the unfrosted cake wrapped tightly in plastic and foil for up to 1 month. Thaw fully at room temperature before frosting. If you’ve frosted and must refrigerate, bring back to room temperature before serving so the frosting softens and the cookie regains its chew.

Frequently Asked Questions

Can I make this ahead? Yes. Bake the cookie cake, cool completely, wrap tightly, and freeze for up to 1 month. Thaw, then frost just before serving for best texture.

How do I know when it’s done? The top should be slightly golden and a toothpick in the center should come out clean or with a few moist crumbs. The center will still be soft but not raw.

Can I add mix-ins? Yes — chopped nuts, toffee bits, or a mix of chocolate chips will work. Fold them in where the instructions call for chocolate chips.

What if my frosting is too thick or too thin? If it’s too thick, add a drop more cream or milk and beat until smooth. If it’s too thin, add a touch more powdered sugar and beat; chill briefly if needed.

Hungry for More?

If you loved this Chocolate Chip Cookie Cake, you’ll like my other single-pan dessert recipes and simple frosting techniques. Try swapping the chocolate chips for peanut butter chips, or add a sprinkle of flaky sea salt on top of the frosting to sharpen the sweetness. When you bake this, snap a photo and share: I love seeing how yours turns out and what small tweaks you make. Happy baking — there’s always room for one more slice.

Print Recipe Save it for later

The BEST Chocolate Chip Cookie Cake Recipe

A chewy chocolate chip cookie baked in a 9-inch pan and frosted with a chocolate buttercream-style frosting.

Prep Time45

Cook Time22

Total Time1 7

Servings: 10 servings

Ingredients

1/2 cup 113 g unsalted butter, melted
1/3 cup 67 g granulated sugar
1/2 cup 100 g packed brown sugar
1 large egg
1 teaspoonvanilla extract
1/2 teaspoonsalt
1/2 teaspoonbaking soda
1 1/2 cups 186 g all-purpose flour
1 1/2 cups 275 g chocolate chips
4 tablespoons 57 g unsalted butter, softened
1 cup 113 g powdered sugar
2 tablespoons 10 g unsweetened cocoa powder
1/4 teaspoonsalt
1/2 teaspoonvanilla
1-2 tablespoonsheavy whipping cream or milk

Instructions

Preheat oven to 350°F (177°C). Line a 9-inch round cake pan with foil and spray the foil with nonstick cooking spray.
In a large bowl (or the bowl of a stand mixer fitted with the paddle), combine ½ cup (113 g) melted unsalted butter, ⅓ cup (67 g) granulated sugar, and ½ cup (100 g) packed brown sugar. Mix on low speed until smooth.
Add 1 large egg and 1 teaspoon vanilla extract. Mix on medium speed until fully combined, scraping the sides of the bowl as needed.
Add ½ teaspoon salt and ½ teaspoon baking soda and mix briefly to incorporate.
Gradually add 1 ½ cups (186 g) all-purpose flour and mix on low just until the dough comes together and is smooth. Scrape the sides of the bowl as needed; do not overmix.
Slowly mix in 1 ½ cups (275 g) chocolate chips until evenly distributed.
Press the cookie dough evenly into the prepared 9-inch pan, smoothing the top so the dough reaches the edges.
Bake for 21–25 minutes, until the top is slightly golden and a toothpick inserted in the center comes out clean or with a few moist crumbs.
Remove from the oven and let the cookie cake cool in the pan on a wire rack until completely cool before frosting.
To make the frosting, place 4 tablespoons (57 g) softened unsalted butter in a large bowl and beat until smooth.
Add 1 cup (113 g) powdered sugar, 2 tablespoons (10 g) unsweetened cocoa powder, and ¼ teaspoon salt. Mix on low until the mixture is combined and somewhat crumbly.
Mix in ½ teaspoon vanilla, then add 1 tablespoon heavy whipping cream or milk and beat until smooth. Add the remaining 1 tablespoon heavy cream or milk if needed to reach a piping consistency.
Transfer the frosting to a piping bag fitted with a large star tip and pipe swirls around the edges of the cooled cookie cake (or spread the frosting as desired).
Store the frosted cookie cake in an airtight container for up to 3 days. Freeze the unfrosted cookie cake for up to 1 month.