tszhong0411 / nextjs-mdx-blog

Home Page:https://hong-nextjs-mdx-blog.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to Build a Blog with Next.js and MDX

Welcome to the tutorial for building a blog using Next.js, Tailwind CSS, and MDX! This tutorial will guide you through the process of creating a blog website from scratch.

Tutorial Blog Post

To follow along with the tutorial, check out the detailed blog post on my website. The blog post explains each step of the process and provides code examples to help you build your own blog.

Technologies Used

Name Link
Framework Next.js
Styling Tailwind CSS
Content MDX

Demo

Explore the live demo of the blog you'll be building: Next.js MDX Blog Demo

Running Locally

Follow these steps to run the project locally on your machine:

  1. Clone the repository
git clone https://github.com/tszhong0411/nextjs-mdx-blog.git
  1. Navigate to the project directory
cd nextjs-mdx-blog
  1. Install dependencies
pnpm install
  1. Run the development server
pnpm dev

This will launch a local development server where you can preview your blog website.

Feel free to explore the code, experiment, and make the blog your own!

Author

This tutorial was created by @tszhong0411.

About

https://hong-nextjs-mdx-blog.vercel.app


Languages

Language:MDX 60.2%Language:JavaScript 39.2%Language:CSS 0.6%