Nextra Blog Starter

A modern, feature-rich blog template built with Nextra.

🚀 Demo

• Official Nextra Documentation
• Live Demo of This Template

Quick Start

You can deploy this template on Vercel by clicking the button below

Features

• Nextra 4 with Next.js 16 + React 19 + TypeScript
• shadcn/ui and Tailwind CSS
• Pagefind for search engine
• Giscus for commenting system
• View Transitions API in Next.js App Router with next-view-transitions

Local Development

Clone this repository

Using the GitHub CLI:

gh repo clone phucbm/nextra-blog-starter

Install

pnpm i

Run the development server

pnpm dev

📝 Usage

Adding New Posts

1. Create a new .mdx file in the content directory
2. Add your front matter at the top of the file:

---
title: Your Post Title
date: 2025/1/30
description: A brief description of your post
tags: ['web development', 'react']
author: Your Name
---

3. Write your content in MDX format below the front matter

---

Created with ❤️ by PHUCBM

Don't forget to ⭐ this repository if you found it helpful!