This is a simple blog website built with Next.js, leveraging Markdown files as the content source. It allows you to write blog posts in Markdown format and automatically converts them into HTML pages.
- Converts Markdown files to HTML using
gray-matter
andremark
libraries. - Supports front matter in Markdown files to provide metadata for each blog post.
- Utilizes Tailwind CSS for responsive and customizable styling.
- Dynamically generates Next.js pages for each blog post using dynamic routes.
- Provides a clean and minimalistic UI for a pleasant reading experience.
- Easy deployment to hosting platforms like Vercel, Netlify, or Heroku.
-
Clone the repository:
git clone https://github.com/your-username/nextjs-markdown-blog.git
-
Install dependencies:
cd nextjs-markdown-blog npm install
-
Place your Markdown files inside the
posts
directory. -
Customize the styling by editing the Tailwind CSS classes in the components.
-
Build and run the project:
npm run dev
-
Access the blog website at
http://localhost:3000
in your browser.
-
Build the production-ready project:
npm run build
-
Deploy the generated
out
folder to your desired hosting platform.