Mastering Layout & CDN Strategies in eShopOnWeb | ASP.NET Core eCommerce Tutorial (Part 5)

00:00 – Introduction
03:30 – Populating the Layout View with HTML
09:10 – Adding Environment Tag within the Layout View
12:30 – Avoiding CSS File Caching with asp-append-version
15:00 – Adding catalog.component.css and page.css Files
17:00 – Adding Staging or Production Environment Tags
17:30 – Serving Files from CDN Instead of Local Sources
19:20 – Discussing Fallback Strategy if CDN Files Fail
28:00 – Using Multiple Bootstrap Classes for Responsiveness
29:40 – How Child Views are Injected Using @RenderBody
33:30 – Hiding Text on Extra Small Screens with Bootstrap
34:35 – Adding Additional JavaScript Files in the Layout View
39:10 – Fallback Strategy for JavaScript Files from CDN
43:30 – Using @RenderSection to Render Specific JavaScript Code
48:00 – Deep Dive into CSS Classes in the Codebase
55:00 – Explaining rem and root em in CSS
1:06:30 – Using the ::before Pseudo-Element in CSS
1:08:50 – Conclusion

In this video, I walk you through how to create a modern, full-featured eCommerce application using the eShopOnWeb open-source project from Microsoft. Whether you're a beginner exploring ASP.NET Core or a seasoned developer looking to fast-track your eShop setup, this tutorial will help you get started quickly.

You can find the Github repo here
https://github.com/hellowahab/eShopCKC

🚀 What You’ll Learn:

Modifying the shared Layout.cshtml to match your theme
Disuss and learn indepth knowledge about css class and their impact
Discuss about serving content from CDN vs Fallback mechanism using fallback tag

Tips on extending the application for real-world use

📦 About eShopOnWeb:
eShopOnWeb is a sample ASP.NET Core reference application, showcasing the clean architecture and best practices for building scalable web apps.
GitHub link
https://github.com/dotnet-architecture/eShopOnWeb

🔧 Tech Stack:

ASP.NET Core

Entity Framework Core

Razor Pages

Clean Architecture principles

✅ Don't forget to like, subscribe, and turn on the notification bell if you want more tutorials like this.

💬 Got questions or suggestions? Drop them in the comments!

#eShopOnWeb #ASPNetCore #eCommerce #OpenSource #DotNet #WebDevelopment #Microsoft