Building a Static Website with Next, React, Radix UI and Shadcn UI

Step by step guide to building a static website for blogging, publishing articles, etc.

Table of Contents

• Project Creation and Setup

• Configuring NextJS to Create a Static Site

• Page Layout and Header

• Light and Dark Mode Swtich Toggle Menu

• Mobile Navigation Menu

• About Page and Scroll to Top

• Adding a Site Map and Robots.txt

• GDPR Cookie Consent Bar

• Setting up Velite for Processing MDX Content

• Blog Post Page from MDX Content

• List of All Blog Posts

• Adding Metadata OpenGraph Image

Last Updated: July 11, 2024