https://github.com/nurriyad/nuxt-blog

🔥 Nuxt Blog is a personal blog site built with Nuxt3, Nuxt-Content V2 & Tailwind. Deployed in vercel
https://github.com/nurriyad/nuxt-blog

blog nuxt nuxt-content nuxt-content-v2 nuxt3 portfolio-website tailwindcss website

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/nurriyad/nuxt-blog
• Owner: nurRiyad
• License: mit
• Created: 2022-12-06T18:56:00.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-03T20:28:51.000Z (about 1 year ago)
• Last Synced: 2023-12-03T21:25:26.077Z (about 1 year ago)
• Topics: blog, nuxt, nuxt-content, nuxt-content-v2, nuxt3, portfolio-website, tailwindcss, website
• Language: Vue
• Homepage: https://blog.nurriyad.xyz/
• Size: 5.05 MB
• Stars: 86
• Watchers: 5
• Forks: 14
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


  

    

  



Nuxt Blog A Personal Blog Site


### Built with



    



Nuxt Blog built with [Nuxt3](https://nuxt.com), [Nuxt-Content2](https://content.nuxtjs.org/blog/announcing-v2/), [Vue3](https://vuejs.org) & [TailwindCss](https://tailwindcss.com/)

## 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](https://vercel.com/): `npm run build`

## Build Setup

**Requires Node.js 16+**

```bash

# 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

```