Nuxt Blog A Personal Blog Site

Built with

Nuxt Blog built with Nuxt4, Nuxt-Content3, Vue3 & TailwindCss

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 Rendered(SSR) with Nuxt4
• 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.com

Hosted on Vercel: npm run build

Build Setup

Requires Node.js 20.19+

# install dependencies
yarn install

# serve in dev mode, with hot reload at localhost:5173
yarn run dev

# build for production
yarn run build

# serve in production mode
yarn run preview