https://github.com/phucbm/nextra-blog-starter
A template for deploying Nextra blogs with built-in features like search, tags, and more.
https://github.com/phucbm/nextra-blog-starter
giscus nextjs nextra nextra-blog pagefind tailwindcss
Last synced: 2 months ago
JSON representation
A template for deploying Nextra blogs with built-in features like search, tags, and more.
- Host: GitHub
- URL: https://github.com/phucbm/nextra-blog-starter
- Owner: phucbm
- License: mit
- Created: 2025-01-30T09:06:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-12-07T04:44:53.000Z (6 months ago)
- Last Synced: 2026-03-27T04:46:51.651Z (3 months ago)
- Topics: giscus, nextjs, nextra, nextra-blog, pagefind, tailwindcss
- Language: MDX
- Homepage: https://nextra-blog.phucbm.com
- Size: 1.13 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nextra Blog Starter
A modern, feature-rich blog template built with [Nextra](https://nextra.site).
## 🚀 Demo
- [Official Nextra Documentation](https://nextra.site)
- [Live Demo of This Template](https://nextra-blog.phucbm.com)
## Quick Start
You can deploy this template on Vercel by clicking the button below
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fphucbm%2Fnextra-blog-starter)
## Features
- [Nextra 4](https://nextra.site/docs) with Next.js 16 + React 19 + TypeScript
- [shadcn/ui](https://ui.shadcn.com/) and Tailwind CSS
- [Pagefind](https://the-guild.dev/blog/nextra-4#new-search-engine--pagefind) for search engine
- [Giscus](https://giscus.app/) for commenting system
- [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API) in Next.js App Router with [next-view-transitions](https://github.com/shuding/next-view-transitions)
## Local Development
### Clone this repository
Using the GitHub CLI:
```bash
gh repo clone phucbm/nextra-blog-starter
```
### Install
```bash
pnpm i
```
### Run the development server
```bash
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:
```yaml
---
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!