Welcome to the Blazor Blog tutorial, where you'll learn how to create a Personal Markdown MD Blog using .NET 8 and ASP.NET Core. This tutorial focuses on Blazor Static Server Rendering, using .NET 8 SDK with InteractiveServer None, and styling with Bootstrap.
Follow these steps to set up and run the Blazor Blog on your local machine:
-
Clone the repository:
git clone https://github.com/CodeWithAbkhan/StaticBlazorBlog.git
-
Navigate to the project directory:
cd StaticBlazorBlog
-
Build and run the project:
dotnet run or dotnet watch
-
Open your web browser and go to
https://localhost:5001
to view the Blazor Blog.
Learn and build your own ASP.NET Core Blazor Blog by following these key steps:
-
Setting Up Blazor App:
- Create a new Blazor app using .NET 8.
- Use Bootstrap for styling instead of TailwindCSS.
-
Incorporating MD Pages:
- Integrate MD (Markdown) pages for dynamic content.
-
Configuring Blazor Components:
- Enhance interactivity with Blazor components.
-
Remark & Rehype Plugins:
- Use remark & rehype plugins for advanced markdown features.
-
Creating Homepage:
- Display blog previews on the homepage with title, description, and date.
-
Dynamic Blog Pages:
- Implement dynamic routes for individual blog pages.
-
Fetching and Displaying Content:
- Fetch and display blog post content using Blazor components.
Elevate your learning experience with one-on-one online sessions on Fiverr. Get work done or learn dotnet 8 with Abkhan's expertise. [Fiverr Session Link: https://www.fiverr.com/share/wmqm2r]
- Visit Abkhan's Upwork Profile: [Upwork Profile Link: https://www.upwork.com/freelancers/awahabazeem]
- New to Fiverr? Join with Abkhan's referral link and get up to $100: [Fiverr Referral Link: http://www.fiverr.com/s2/cb7e18c00d]
- Blazor .NET 8
- ASP.NET Core
- Bootstrap Styling
- MD in Blazor
- Server-Side Rendering
- Blog Tutorial
- InteractiveServer None
- .NET Tutorial
Start building your Blazor blog today and take your .NET skills to the next level! #blazortutorial #dotnet8 #aspnetcore #bloggingwithblazor #learnblazor #dotnettutorial