Skip to content
/ nuxt-blog Public template

🔥 Nuxt Blog is a personal blog site built with Nuxt3, Nuxt-Content V2 & Tailwind. Deployed in vercel

License

Notifications You must be signed in to change notification settings

nurRiyad/nuxt-blog

Repository files navigation

Nuxt Blog A Personal Blog Site

Built with

Nuxt Blog built with Nuxt3, Nuxt-Content2, 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 Nuxt3

How to Make This Blog Template Yours in 5 Minutes

  • Clone this repo or use it as a template
  • Go to ./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.xyz

Hosted on Vercel: npm run build

Build Setup

Requires Node.js 16+

# 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