Nuxt Blog A Personal Blog Site

Built with

Nuxt Blog is a personal blog built with Nuxt 4, Nuxt Content 3, Vue 3, and Tailwind CSS. It is deployed on Vercel.

Features

• Write blog with markdown file
• Auto generate category from blog post
• Blog list page with search and pagination
• About me page for user info
• Auto generate table of content for blog post
• Auto generate Sitemap
• Url preview with Nuxt ogImage
• Dark and light mode
• Server-side rendering (SSR) with Nuxt 4
• RSS feed

How to Make This Blog Template Yours in 5 Minutes

• Clone this repo or use it as a template
• Go to ./app/data/index.ts file & add your personal info
• Then head over to the ./content/blogs folder to add new blogs
• Voilà! You've got a personalized blog site!

Preview

Live Demo

Demo

https://blog-nurriyad.vercel.app

Hosted on Vercel: npm run build

Build Setup

Requires Node.js 22.14.0 (see .nvmrc) and npm.

# install dependencies from the lockfile
npm ci

# start the development server
npm run dev

# build for production
npm run build

# serve in production mode
npm run preview

# lint and check formatting
npm run lint
npm run format

See AGENTS.md for blog post frontmatter, authoring instructions, and repository guidance for coding agents.