Nextra Blog v4 Starter

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

🚀 Demo

• Official Nextra Documentation
• Live Demo of This Template

Features

• Nextra 4 with Next.js 15 + 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

🛠 Getting Started

Prerequisites

• Node.js 18.0 or later
• pnpm

Installation

1. Clone this template:

git clone https://github.com/phucbm/nextra-blog-v4-starter.git
cd nextra-blog-v4

2. Install dependencies:

pnpm install

3. Run the development server:

pnpm dev

4. Open http://localhost:3000 in your browser to see the result.

📝 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

Customization

• Edit theme.config.tsx to customize your blog's appearance and behavior
• Modify styles in styles/global.css
• Update site metadata in pages/_app.tsx

---

Created with ❤️ by [Your Name]

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