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
Demo
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