German Chocolate Cake
Description:
The BEST homemade German Chocolate Cake with layers of coconut pecan frosting and chocolate frosting. This cake is incredible!
Recipe Details:
- Servings: 8-10
- Preparation Time: 20 minutes
- Cooking Time: 35 minutes
- Total Time: 55 minutes + cooling
- Calories (per serving): Approximately 591
- Dietary Restrictions: Contains gluten, eggs, dairy, and nuts.
Equipment Needed:
- Two 8 or 9-inch round baking pans
- Wax or parchment paper (for lining)
- Large mixing bowl
- Medium saucepan (for coconut frosting)
- Mixer (stand or hand) or whisk
- Measuring cups and spoons
- Spatula for frosting
Ingredients:
- For the Chocolate Cake:
- 2 cups granulated sugar
- 1-3/4 cups all-purpose flour
- 3/4 cup unsweetened cocoa powder
- 1 1/2 teaspoons baking powder
- 1 1/2 teaspoons baking soda
- 1 teaspoon salt
- 2 large eggs
- 1 cup buttermilk
- 1/2 cup oil (vegetable or canola oil)
- 2 teaspoons vanilla extract
- 1 cup boiling water
- For the Coconut Frosting:
- 1/2 cup light brown sugar
- 1/2 cup granulated sugar
- 1/2 cup butter
- 3 large egg yolks
- 3/4 cup evaporated milk
- 1 Tablespoon vanilla extract
- 1 cup chopped pecans
- 1 cup shredded sweetened coconut
- For the Chocolate Frosting:
- 1/2 cup butter
- 2/3 cup unsweetened cocoa powder
- 3 cups powdered sugar
- 1/3 cup evaporated milk
- 1 teaspoon vanilla extract
- 2 cups granulated sugar
- 1-3/4 cups all-purpose flour
- 3/4 cup unsweetened cocoa powder
- 1 1/2 teaspoons baking powder
- 1 1/2 teaspoons baking soda
- 1 teaspoon salt
- 2 large eggs
- 1 cup buttermilk
- 1/2 cup oil (vegetable or canola oil)
- 2 teaspoons vanilla extract
- 1 cup boiling water
- 1/2 cup light brown sugar
- 1/2 cup granulated sugar
- 1/2 cup butter
- 3 large egg yolks
- 3/4 cup evaporated milk
- 1 Tablespoon vanilla extract
- 1 cup chopped pecans
- 1 cup shredded sweetened coconut
- 1/2 cup butter
- 2/3 cup unsweetened cocoa powder
- 3 cups powdered sugar
- 1/3 cup evaporated milk
- 1 teaspoon vanilla extract
Instructions:
- General Preparation:
- Heat oven to 375°F. Grease two 8 or 9-inch round baking pans. I like to cut a round piece of wax or parchment paper for the bottom of the pan also, to make sure the cake comes out easily.
- For the Cake:
- Stir together sugar, flour, cocoa, baking powder, baking soda, and salt in a large bowl.
- In a separate bowl, combine the eggs, buttermilk, oil, and vanilla and mix well.
- Add the wet ingredients to the dry ingredients and mix to combine.
- Stir in boiling water (batter will be very thin).
- Pour batter into prepared pans.
- Bake for 25 - 35 minutes (depending on your cake pan size. The 9'' pan takes less time to bake) or until a toothpick inserted in the center comes out clean or with few crumbs.
- Cool 5 minutes in the pan and then invert onto wire racks to cool completely.
- For the German Chocolate Coconut Frosting:
- In a medium saucepan add brown sugar, granulated sugar, butter, egg yolks, and evaporated milk. Stir to combine and bring the mixture to a low boil over medium heat.
- Stir constantly for several minutes until the mixture begins to thicken.
- Remove from heat and stir in vanilla, nuts, and coconut. Allow to cool completely before layering it on the cake.
- For the Chocolate Buttercream Frosting:
- Melt butter. Stir in cocoa powder.
- Alternately add powdered sugar and milk, beating to spreading consistency.
- Add a small amount of additional milk, if needed, to thin the frosting, or a little extra powder, until you reach your desired consistency. Stir in vanilla.
- Cake Assembly:
- Place one of the cake rounds on your serving stand or plate.
- Smooth a thin layer of chocolate frosting over the cake layer, and then spoon half of the coconut frosting on top, spreading it into a smooth layer. Leave about ½ inch between the filling and edge of the cake.
- Stack the second cake round on top. Smooth chocolate frosting over the entire cake.
- Spoon remaining coconut frosting on top of the cake.
- Heat oven to 375°F. Grease two 8 or 9-inch round baking pans. I like to cut a round piece of wax or parchment paper for the bottom of the pan also, to make sure the cake comes out easily.
- Stir together sugar, flour, cocoa, baking powder, baking soda, and salt in a large bowl.
- In a separate bowl, combine the eggs, buttermilk, oil, and vanilla and mix well.
- Add the wet ingredients to the dry ingredients and mix to combine.
- Stir in boiling water (batter will be very thin).
- Pour batter into prepared pans.
- Bake for 25 - 35 minutes (depending on your cake pan size. The 9'' pan takes less time to bake) or until a toothpick inserted in the center comes out clean or with few crumbs.
- Cool 5 minutes in the pan and then invert onto wire racks to cool completely.
- In a medium saucepan add brown sugar, granulated sugar, butter, egg yolks, and evaporated milk. Stir to combine and bring the mixture to a low boil over medium heat.
- Stir constantly for several minutes until the mixture begins to thicken.
- Remove from heat and stir in vanilla, nuts, and coconut. Allow to cool completely before layering it on the cake.
- Melt butter. Stir in cocoa powder.
- Alternately add powdered sugar and milk, beating to spreading consistency.
- Add a small amount of additional milk, if needed, to thin the frosting, or a little extra powder, until you reach your desired consistency. Stir in vanilla.
- Place one of the cake rounds on your serving stand or plate.
- Smooth a thin layer of chocolate frosting over the cake layer, and then spoon half of the coconut frosting on top, spreading it into a smooth layer. Leave about ½ inch between the filling and edge of the cake.
- Stack the second cake round on top. Smooth chocolate frosting over the entire cake.
- Spoon remaining coconut frosting on top of the cake.
Modified From: click here
Feedback Form: click here
Recipe website examples
Example 1: bettycrocker.com
I like this recipe page because it is very visual. You don't have to scroll far to see pictures of what you are making, which is always a plus when you have great pictures. I also like the way the ingredients and instructions are easily visible, near the top and centered.
Example 2: thekitchn.com
This recipe page starts out with a large and high quality image of the dish, which I think is great for enticing the reader. This recipe also starts off with a longer description of the dish and the instructions that is very detailed, and then has step by step ingredients and instructions further down the page. I think this approach works well for readers who are interested in food and are experienced chefs, but may not be as useful for new chefs or people who are in a hurry.
Example 3: budgetbytes.com
I like this recipe page but not as much as the previous examples. I think that it has a strong aesthetic, and feels more like a blog than just instructions for a recipe. This can be good if the reader is interested in cooking, banana bread, or the chef who is writing the recipe. However, the actual step by step instructions and ingredients are quite far down the page which can make it hard for someone just looking to cook the banana bread.
Nonrecipe website examples
Example 1: apple.com
Apple may seem like an example of a website that is very different from a recipe webpage, however, I think there are aspects of Apples website that would work well in a recipe page. The minimilism, focus on less content at a time, and visual aspects of Apples site could all lend themselves well to a recpie webpage. I think utilizing great images of the food is one of the most important aspects of a recipe page, as someone is much more likely to actually use a recipe where the food is advertised in an appealing way and looks appetizing.
Example 2: wikihow.com
Wikihow is a great example of how to make a website that clearly shows a process. Their use of pictures, and clear hierarchy of steps makes the instructions easy to follow. I especially like the use of photos throughout the steps and think that is especially helpful when recipes do that.
Example 3: instructables.com
This site shows off instructions in a clear way that could be applied to recipes. The use of images along the top is something I've mentioned in earlier examples and is also done here. They also use imagery throughout, and I like how there are no ads or links on the sides so the user can be completely focused on the project being outlined in the instructions.