Skip to content

CodeWithAbkhan/StaticBlazorBlog

Repository files navigation

Blazor Blog - .NET 8 ASP.NET Core

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.

Getting Started

Follow these steps to set up and run the Blazor Blog on your local machine:

Prerequisites

  1. .NET 8 SDK
  2. Visual Studio or Visual Studio Code

Installation

  1. Clone the repository:

    git clone https://github.com/CodeWithAbkhan/StaticBlazorBlog.git
  2. Navigate to the project directory:

    cd StaticBlazorBlog
  3. Build and run the project:

    dotnet run
    or
    dotnet watch
  4. Open your web browser and go to https://localhost:5001 to view the Blazor Blog.

Tutorial Content

Learn and build your own ASP.NET Core Blazor Blog by following these key steps:

  1. Setting Up Blazor App:

    • Create a new Blazor app using .NET 8.
    • Use Bootstrap for styling instead of TailwindCSS.
  2. Incorporating MD Pages:

    • Integrate MD (Markdown) pages for dynamic content.
  3. Configuring Blazor Components:

    • Enhance interactivity with Blazor components.
  4. Remark & Rehype Plugins:

    • Use remark & rehype plugins for advanced markdown features.
  5. Creating Homepage:

    • Display blog previews on the homepage with title, description, and date.
  6. Dynamic Blog Pages:

    • Implement dynamic routes for individual blog pages.
  7. Fetching and Displaying Content:

    • Fetch and display blog post content using Blazor components.

Connect with Abkhan on Fiverr

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]

Explore More

Focus Keywords

  • 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

About

Learn static server rendering in .net 8 blazor on Youtube - https://youtu.be/B2TWGlE8noU

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •