Go Back
+ servings
Print

Homemade Cookie Cake Recipe

The perfect way to celebrate birthdays or other special occasions! It tastes so much better than store-bought and only costs about $8 to make! Leave unfrosted or top with my favorite vanilla buttercream and sprinkles for a simple homemade cake!
Course Dessert
Cuisine Cookie
Prep Time 10 minutes
Cook Time 12 minutes
Total Time 22 minutes
Servings 12 slices
Calories 353kcal

Ingredients

Cookie Cake Recipe

  • ½ cup unsalted butter (1 stick) You will be melting this
  • ½ cup light brown sugar
  • ¼ cup granulated sugar
  • 1 large egg
  • 1 ½ teaspoon vanilla extract
  • ½ teaspoon baking soda
  • ¼ teaspoon baking powder
  • ¼ teaspoon salt
  • 1 ½ cups all-purpose flour
  • 1 cup semi-sweet chocolate chips (You'll be chopping ½ cup and adding the remaining ½ cup whole).

Vanilla Buttercream Frosting

  • ¼ cup unsalted butter softened to room temperature
  • 1 ¼ cups powdered sugar
  • ¾ teaspoons vanilla extract
  • pinch of Salt
  • 1-2 tablespoons milk

Instructions

  • Preheat oven to 350 degrees.
  • Place ½ cup of the chocolate chips in a plastic bag and use a rolling pin to break them down into small pieces (set the other ½ cup of unchopped chocolate chips aside). The goal here is to have a mixture of tiny chocolate flakes throughout the dough, while still have the whole chunks in there for texture. Once chopped, set aside.
  • In a small microwave-safe bowl, melt the butter for 20-30 seconds until JUST melted. 
  • Add in white sugar and brown sugar and use a spatula to stir until combined (* do not use a mixer!). Add in egg and vanilla, then mix. Next, add in baking soda, baking powder, and salt and mix again. Add in flour and mix until all the flour disappears into the dough.
  • Add the ½ cup of chopped chocolate chips and ½ cup of whole chocolate chips into the dough and mix.  Immediately proceed to pressing into pan (you don't want the dough sitting out or it will set too much with the melted butter).
  • Grease a 11.5" metal cookie cake pan (don't have one? See notes below.) Although this cookie removes cleanly, if you are worried about it sticking, line the bottom and sides of the pan with parchment paper first. Using a spoon or your clean hands, drop the dough into small chunks in the pan. This will help disperse everything so that you can easily smooth it out. Once all dough as been added, use a spatula or your hands to press down the dough into a smooth layer (being sure to get all the corners).
    Tip: If you notice 2-3 chocolate chips are stuck together, separate them before baking. This will allow the chocolate to be evenly dispersed and prevent the cookie from having a giant clump of chocolate in one spot (which could cause it to more easily break while cutting).
  • Bake at 350 degrees for 12-14 minutes - do NOT overbake or your chocolate chip cookie cake will not be soft. You want the cookie cake to be slightly brown on the top and look slightly underbaked (my oven was perfect at 12 minutes). Remove from oven and place entire pan on a cooling rack. Allow the cookie cake to cool completely before removing.
    Tip: To remove from pan, use a knife to go around the edges, place a flat platter on top, then flip over the pan to remove. If you used parchment paper, this should come out rather smoothly. After flipping over the cookie cake, flip it over again on the final decorate plate or platter (I LOVE these cute paper trays and the largest one in the pack is perfect for a 10" cookie cake).
  • Using a large star piping tip, pipe around the edges then immediately add sprinkles (the frosting will start hardening quick, so add sprinkles right away!).
    If you're feeling fancy, you can double the frosting recipe to have enough to pipe phrases like "Happy Birthday" on the top. Or use this fool-proof letterboard cake topper kit (these are made from plastic so you can wash and reuse for years!).

To Make Frosting:

  • Beat the softened butter on medium-high speed for 2-minutes until smooth. Turn the mixer to low speed then add the powdered sugar ¼ cup at a time. You may need to stop and scrape down sides. Add vanilla and salt and turn mixer to medium speed. One tablespoon at a time, add milk. Beat on high for 2-3 minutes until creamy and the frosting is at a good consistency to pipe. If it looks too runny, add more powdered sugar. If it looks too stiff, add a tiny bit of milk until you get to the desired consistency.
    This will make just enough frosting to pipe a border along the edges. If you would like more frosting to cover the top or to write words on top, simply double the frosting recipe!

Notes

I'm confused on the size of the Wilton cookie cake pan you linked to - is it 10" or 12"? The Wilton website technically calls it a 11.5″ since that’s the bottom diameter but the packaging says it's a 11.5. So it is often referred to as a 10" or 12" pan.
Don't have a round 11.5" pan?
  • You can bake in a 9x13 pan (they'll be a little thinner) OR
  • Create a DIY cookie cake pan using a large mixing bowl (that is about 11.5" in diameter) with aluminum foil (see instructions in FAQ section in post). Because you don't have as much heat from a real metal pan, these typically take an extra 4-6 minutes to bake.
Frosting Tip: This homemade buttercream will start developing a crust, which makes it a great frosting to make a day ahead. Because of the sugar content, you don't need to refrigerate the frosted cookie cake if you plan to enjoy it within 1 day. If you are making ahead earlier, I'd suggest waiting to frost until day of OR gently wrap the frosted cookie after the frosting sets and place in the fridge.
Freezing/Make Ahead Tip: I don't typically like freezing chocolate chip cookies because I feel like they get dry and not as chewy in the freezer. If you do need to make this in advance, you could wrap the baked, unfrosted cookie in plastic wrap and when you're ready to eat it, let it thaw to room temperature then frost.
Can I double this recipe? You can, but you still want to make sure the dough is only ½" thick once spread in the pan (so you would need a larger pan than 10"). Note that thicker dough will require longer baking times and won't be as much like the traditional, chewy cookie cake recipe you may be used to.
Gluten-Free: For those asking, I turned this popular recipe into the best Chewy Gluten-Free Cookie Cake!
Nutrition information is just an estimate but based on 12 servings.
 

Nutrition

Calories: 353kcal | Carbohydrates: 45g | Protein: 3g | Fat: 17g | Saturated Fat: 10g | Cholesterol: 45mg | Sodium: 106mg | Potassium: 127mg | Fiber: 1g | Sugar: 31g | Vitamin A: 380IU | Calcium: 30mg | Iron: 1.8mg