Code Monkey home page Code Monkey logo

nuxt-blog's Introduction

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

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

nuxt-blog's People

Contributors

nurriyad avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar

Forkers

abbijamal soga-software enpitsulin panxiaoguang kipkemei selvakumardreams hotuns icepot247 webszy alexv710 kohasummons vantran158 pego angelo0218 ijowadali walleeva2018 daguiar534-dev yudaapratama aidul23 mingxiangfeng ynx-official dllpl hoppr-tech erroratservice yeexiaozheng foxyfoxy79 aamanbhagat sharif-ss

nuxt-blog's Issues

Update Basic Data

  • Remove lorem data
  • Make lightHouse Score 100: 100: 100: 100
  • Update the readme of the site

Use it at GitHub Pages

Hello! Can it support GitHub Pages? Just let github to deploy it and use git to manage content/blogs. I forked this repo but GitHub deployed README.md as homepage. How can I use app.vue as homepage?

Do you have the plan to add search module?

Your blog framework is great and I like it very much. But it really needs a search method!

In addition, The blog list page also needs a pagination as the number of blogs will increase more and more.

Licence ?

What this MIT Licence ?
i want use this template in un opensource code
but there is no licence

Things To Do

  • Add route transition
  • Mobile Responsive
  • Add header to make SEO friendly
  • Add social media share card
  • Code block color
  • Try to add nuxt-img-tag
  • Try to add img from cloud
  • Update nuxt-content component
  • Fix nuxt og:image problem

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.