• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Bake Angel
  • RECIPES
    • BROWSE BY ALLERGEN
    • BROWSE BY TYPE
  • BAKING SCIENCE
  • DECORATING
  • ABOUT
    • Meet Bake Angel
    • Contact
    • NEWSLETTER
Home » All Recipes » Easy Dairy Free Chocolate Chip Cookie Cake

Easy Dairy Free Chocolate Chip Cookie Cake

Last Updated: May 15, 2026 | Published: May 15, 2026 by Bake Angel
This post may contain affiliate links

Jump to Recipe

There’s something so nostalgic about a warm chocolate chip cookie fresh from the oven. But when you turn that classic treat into a thick, soft, shareable cookie cake? That’s next-level dessert magic. This easy chocolate chip cookie cake is soft in the centre, lightly crisp around the edges, packed with dairy free chocolate chips, and decorated with silky chocolate buttercream for the ultimate celebration dessert.

A slice of dairy free chocolate chip cookie cake with chocolate buttercream border being held

Perfect for Memorial Day cookouts, Canada Day celebrations, summer birthdays, or casual weekend baking, this cookie cake is one of those recipes everyone should make at least once. It’s simple, crowd-pleasing, easy to customize, and always disappears fast.

And honestly, my kids are OBSESSED with this recipe. We make one most weekends because it’s such a fun bake for them to help with, especially pressing the dough into the pan (which usually turns into a floury, chocolate-chip-filled mess, but that’s half the fun!)

If you love warm cookies, this cookie cake is a guaranteed win.

Close up of a dairy free chocolate chip cookie cake slice with a bite taken out

Jump To:

Toggle
  • Why You’ll Love This Recipe
  • What is a Cookie Cake?
  • Ingredients and Substitutions
  • How to make the Chocolate Chip Cookie Cake
  • Baker’s Tips for Cookie Cake Success
  • Serving Suggestions
  • Decorating Ideas
  • Storage Tips
  • Common Cookie Cake Questions
  • Final Thoughts
  • Easy Dairy Free Chocolate Chip Cookie Cake

Why You’ll Love This Recipe

This chocolate chip cookie cake is everything you love about homemade cookies in one thick, soft, sliceable dessert.

  • Easy, beginner-friendly recipe
  • Made with simple pantry ingredients
  • Dairy-free with easy vegan and gluten-free options
  • Perfect for birthdays, BBQs, picnics, and summer parties
  • Eat it plain or decorate it any way you like
  • Great make-ahead dessert for entertaining

What is a Cookie Cake?

A cookie cake is exactly what it sounds like – a giant cookie baked in a cake pan and sliced like a cake. It has all the flavour and texture of a classic chocolate chip cookie, but in a thick, shareable form.

This version is baked in a 9-inch round pan and makes 8 generous slices, though you can easily cut smaller portions if serving a crowd, or packing for a picnic.

A round cake pan filled with a chocolate chip cookie cake, on a cooling rack.

Cookie cakes are incredibly popular for birthdays and celebrations because they’re easier than a traditional layer cake but still feel festive and fun.

Ingredients and Substitutions

This recipe uses simple baking staples that work together to create the perfect chewy cookie cake texture.

Ingredients for chocolate chip cookie cake: chocolate chips, flour, butter, salt, baking soda, egg, vanilla extract and white sugar.

Plant-Based Butter – This keeps the recipe dairy-free while still adding richness and flavour. Make sure to use block-style butter if possible, as it behaves more like traditional butter in baking. Substitution: Use dairy butter if dairy isn’t a concern.

White Sugar – Sugar sweetens the dough while also helping create those lightly crisp edges. Substitution: replace some of the sugar with light brown sugar for a slightly deeper caramel flavour and extra chewiness.

Egg – This helps bind everything together while adding structure and softness. Substitution: For a vegan option, use 1 flax egg, 3 tbsp aquafaba or 50g applesauce. Read more about egg substitutions in my Egg Substitutions in Baking Guide.

Vanilla Extract – Vanilla enhances the chocolate flavour and adds warmth to the cookie cake. Substitution: Use vanilla bean paste for a deeper flavour or swap with another extract for a different flavour twist.

All-Purpose Flour – Flour provides structure and keeps the cookie cake soft yet sturdy enough to slice. Substitution: Use a 1:1 gluten-free baking flour blend for an easy swap. I personally love Bob’s Red Mill Gluten Free 1:1 baking blend for this recipe.

Baking Soda – This helps the cookie cake spread slightly and creates that classic chewy cookie texture.

Salt – A little salt balances the sweetness and enhances the chocolate flavour. If you use salted butter, you can omit the salt.

Chocolate Chips – The star ingredient. Use your favourite dairy-free chocolate chips or chunks.

How to make the Chocolate Chip Cookie Cake

I love that this recipe uses a one-bowl mixing method to cut down on dirty dishes. You can either mix everything with a stand mixer or by hand with a wooden spoon or hand whisk.

Step 1: Prep the Pan.

Grease and line a 9-inch cake pan with parchment paper. This will help to release the cake more easily once baked.

A round cake pan lined with parchment paper.

Step 2: Make the Dough

Cream together the plant-based butter and sugar until light and fluffy. Add the egg and vanilla extract, then mix until fully combined.

Gradually add the dry ingredients (flour, baking soda, salt) to the wet ingredients, then fold in the chocolate chips.

Thick chocolate chip cookie cake dough in stand mixer showing correct consistency

The key is to not overmix and to stop when the dough is thick but still fully combined.

Step 3: Add Dough to the Pan

Press the dough gently into the pan. Important: don’t press the dough all the way to the edges. Leave a little space around the outside so the cookie cake can spread naturally as it bakes. This helps keep the surface flatter and more even once baked.

Raw chocolate chip cookie dough in a round cake pan with a generous gap around the outside to allow the cake to spread evenly when baking.

Step 4: Bake

Bake until the edges are golden and the centre is just set. And yes, you CAN bake this in your toaster oven, if you don’t want to use your main oven.

Chocolate chip cookie cake baking in toaster oven for small batch baking

Once removed from the oven, the cookie cake will continue baking slightly as it cools.

A baked cookie cake in a pan removed from the oven.

I recommend running an offset spatula or knife around the outside of the cookie cake while warm, as this will make it easier to remove once cooled.

Step 5: Cool and Decorate

Allow the cookie cake to cool completely before decorating. I decorated mine with my stable chocolate buttercream, using a large star piping tip (1M) for that classic bakery-style finish.

Close up of chocolate buttercream piping on dairy free chocolate chip cookie cake

Don’t want to add frosting? You can also top it with:

  • Extra Chocolate Chips
  • Sprinkles
  • Mini Cookies
  • Crushed Candy
  • Fresh Berries

I added sprinkles to this one as my youngest always asks for them!

Sprinkles being added to a dairy free chocolate chip cookie cake, decorated with chocolate buttercream.

Baker’s Tips for Cookie Cake Success

Over my years of baking cookie cakes, I’ve picked up a few tips that make all the difference.

  • Don’t over-press the cookie dough – leave space for it to spread.
  • Don’t overbake – This is the most common mistake people make the first time they make a cookie cake. The centre should still look slightly soft when you remove it from the oven. Overbaking leads to a dry cookie cake, so keep an eye on it.
  • Cool completely before decorating – don’t rush to decorate as the icing will melt if you decorate too soon.
  • Use Room Temperature Ingredients – this helps the dough mix more evenly and creates a smoother texture.

Serving Suggestions

This cookie cake is delicious served as is, but there are so many fun ways to dress it up for summer gatherings and celebrations.

Serve Warm with Ice Cream – slightly warm a slice in the microwave and top it with vanilla ice cream (plant-based if needed) for the ultimate cookie dessert experience.

Add Fresh Summer Fruit – fresh strawberries, raspberries, or blueberries pair beautifully with the rich chocolate flavour and make this perfect for summer entertaining.

Create a DIY Dessert Bar – for parties and BBQs, set out toppings like sprinkles, chocolate sauce, mini marshmallows, whipped cream, and let everyone customize their own slice.

Pair with Coffee or Cold Milk – two of my favourite ways to enjoy a slice of cookie cake!

Slice of dairy free chocolate chip cookie cake served on plate for dessert

Decorating Ideas

One of the best things about cookie cakes is how easy they are to customize. Try decorating for:

  • Summer BBQs
  • Memorial Day
  • Canada Day
  • Father’s Day
  • Birthdays
  • Grad Parties
  • Baby Showers
  • Weekend Family Desserts

You can pipe borders, add messages, or keep it simple with a drizzle of melted chocolate and a handful of sprinkles.

Storage Tips

You mean you didn’t eat it all in one sitting? Willpower is a real issue for us with this recipe, but if you have leftovers, here’s how to store them.

  • Store the cookie cake in an airtight container at room temperature for up to 5 days.
  • You can also freeze undecorated slices to enjoy later. Simply thaw at room temperature before serving.
A soft and chewy dairy free chocolate chip cookie cake decorated with chocolate buttercream, served as a summer dessert for sharing at parties and BBQs.

Common Cookie Cake Questions

Can I make this cookie cake ahead of time?

Absolutely – bake the cookie cake a day ahead, then decorate before serving.

My cookie cake has a ridge around the edge – what went wrong?

This is very common and easy to fix. This usually happens when there isn’t enough of a gap left around the edge when adding the dough to the pan. Next time, leave a bigger gap to allow for spreading.

Why does my cookie cake look raw in the middle?

Cookie cakes generally look softer in the middle, but it is completely normal and safe to eat.

Do I need a special pan to make this cookie cake?

No! A standard cake pan works perfectly.

I don’t have a 9-inch pan – what can I use instead?

You can easily use a smaller or larger-sized pan – a smaller one will give a slightly thicker cookie cake, whereas a larger pan will give a thinner cookie cake. Baking times may need to be adjusted slightly for different-sized pans.

A slice of dairy free chocolate chip cookie cake on a plate.

Final Thoughts

This Chocolate Chip Cookie Cake is one of those classic desserts that never goes out of style. It’s simple, nostalgic, easy to customize, and always a crowd favourite.

Whether you’re making it for a summer BBQ, birthday celebration, Canada Day dessert table, or just because you’re craving warm cookies, this recipe delivers every single time.

If you love easy summer desserts, be sure to check out my 18 Summer Desserts roundup for even more crowd-pleasing ideas. And if you’re a fellow chocolate chip cookie fan, you absolutely need to try my Disney Floridian Chocolate Chip Cookies recipe.

You might also love:

  • Strawberry Marshmallow Donut Kabobs
  • Brown Sugar Cinnamon Rolls
  • Mini Brownie Bites
  • Maple Butter Tart Squares

Happy Baking,

BakeAngel Signature Logo

Easy Dairy Free Chocolate Chip Cookie Cake

No ratings yet
Bake Angel
This easy dairy free chocolate chip cookie cake is soft, chewy, and perfect for sharing! Made with simple pantry ingredients and dairy-free chocolate chips, it bakes into a thick, bakery-style cookie cake that’s ideal for birthdays, BBQs, Canada Day, Memorial Day, and summer parties. A fun, bakery-style cookie cake that’s easy to customize and always a crowd favourite.
Makes: 8 Slices
Prep: 5 minutes mins
Bake: 22 minutes mins
Total: 27 minutes mins
Print Recipe Pin Recipe

Equipment

  • Stand Mixer
  • 9 inch round cake pan
  • Parchment Paper

Angela’s Top Tip

Weigh your dry ingredients in grams with a scale for best results!

Ingredients
  

  • 115 grams Plant Based Butter (unsalted)
  • 160 grams White Sugar
  • 1 Egg
  • 2 tsp Vanilla Extract
  • 240 grams All Purpose Flour
  • 1 tsp Baking Soda
  • ½ tsp Salt
  • 180 grams Vegan Chocolate Chips

Instructions
 

  • Preheat oven to 350℉ / 175℃ and grease and line a 9-inch round cake pan with parchment paper.
  • In a large bowl, cream together the plant-based butter and white sugar until light and fluffy. Add the egg and vanilla extract and mix until smooth.
  • Gradually add the dry ingredients to the wet ingredients and mix until just combined. Fold in the chocolate chips.
  • Press the cookie dough evenly into the prepared pan, leaving a small gap around the edges so it can spread as it bakes.
  • Bake for 22-25 minutes until the edges are golden and the centre is just set. The cookie cake will continue to firm up as it cools.
  • Allow to cool completely in the pan, then carefully remove.
  • Decorate with chocolate buttercream or desired toppings, slice, and serve.

Notes

Vegan option: Replace the egg with 1 flax egg, 3 tbsp aquafaba, or 50g applesauce. Ensure chocolate chips are dairy free.
Gluten-free option: Use a 1:1 gluten-free baking flour blend. No other changes needed.
Don’t overmix: Mix until just combined once the flour is added to keep the cookie cake soft and tender.
Don’t overpress the dough: Leave a small gap around the edge of the pan so the cookie cake can spread evenly while baking.
Don’t overbake: The centre should look slightly soft when removed from the oven – it will continue to set as it cools.
Decorating: Top with my stable chocolate buttercream for a bakery-style finish, or keep it simple with extra chocolate chips, sprinkles, or melted chocolate drizzle. Allow the cookie cake to cool completely before decorating.
Serving idea: Delicious served warm with dairy-free ice cream or fresh summer berries.
Did you make this recipe?I’d love to hear what you think – leave a review below. Sharing on socials? Tag me @itsbakeangel and use #makeitwithbakeangel!

Posted Under: All Recipes, Cakes, Cookies, Dairy Free, Holiday Favorites, Kid Friendly, Nut Free, Soy Free

About Bake Angel

Hi, I’m Angela — a Welsh-Canadian mum and home baker sharing simple dairy-free and allergy-friendly recipes that the whole family can enjoy. At Bake Angel, every recipe is created with safe, reliable baking in mind, with many also being egg-free, vegan, nut-free, and gluten-free. Read more about my journey here!

– You May Also Like –

A glass mason jar filled with blueberry compote with 5 blueberries next to it on a white counter.
A decorated dairy free vanilla cupcake with buttercream swirl and sprinkles on top.
Close up of maple honeycomb showing the bubbles in the pieces.
Two vegan vanilla cupcakes topped with a buttercream swirl and a pink royal icing flower.

NEWSLETTER:

Sign up for new dairy-free recipes and baking inspiration

Disclosure:  As an Amazon affiliate, I share links for products and ingredients I love. If you click through them, I may receive a small commission for my referral at no extra cost to you! Thank you for supporting Bake Angel! Read more in our Privacy Policy.

Previous Post: « Easy BBQ Desserts Everyone Will Love (Dairy-Free Summer Treats)

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe Rating




Primary Sidebar

Hi, I’m Angela!

Welcome to Bake Angel! I’m a Welsh-Canadian Mom and home baker creating simple dairy-free and allergy-friendly recipes the whole family can enjoy.

Read my story

Looking for something specific?

Latest Recipes

A collection of easy BBQ desserts perfect for summer parties, picnics, and family gatherings. No-fork, handheld, dairy-free recipes with gluten-free and vegan options included.
a collage of 4 desserts for Mothers Day Baking ideas
Dairy-Free Lemon Cranberry Loaf cake, sliced on a wooden board.

CATEGORIES

Footer

Follow Me

  • Amazon
  • Email
  • Facebook
  • Instagram
  • Pinterest
  • YouTube

Helpful Links

Browse Recipes · Decorating Tips · Newsletter · About Bake Angel · Contact

© 2022–2026 Bake Angel
All Rights Reserved · Privacy Policy
Information from your device may be used to personalize your ad experience

Leave a Comment & Rate this Recipe

Your vote:




If you enjoy this recipe, we'd LOVE if you can give it a star rating and leave a comment. Your feedback helps me create more recipes and helps others find my recipes online. Thank you SO MUCH for your feedback - Angela

A rating is required
A name is required
An email is required