nuxt ts web

Nuxt x TypeScript boilerplates for building websites without decorators

• preview

Links

• △▲ nuxt/nuxt.js: The Vue.js Framework
• 🏷️ takefumi-yoshii/ts-nuxtjs-express: ts-nuxtjs-express
  • nanaki14/ts-nuxt
• 🏞 Swiper - Most Modern Mobile Touch Slider
• 🍱 Nuxt Optimized Images | Bazzite Docs
  • vue-lz-2.0
• 🔥 greensock/GreenSock-JS: GreenSock’s GSAP JavaScript animation library (including Draggable).
• ⚡ Workbox Module | Nuxt PWA

Features

• TypeScript
  • type safe Vuex
• formatter
  • ESLint / stylelint / Prettier
• PWA with Workbox
  • support iOS video
• auto images optimize
• lazyload images
• contents slider by swiper
• GSAP animation
• webfontloader
  • google / adobe
• import common scss variable and functions
• detect device type with nuxt-user-agent
• CSS grid support for IE
• switch components at breakpoint with nuxt-mq

Build Setup

# install dependencies
$ yarn

#  serve dev mode
$ yarn run dev:dev 

# generate static project
$ yarn run generate

For detailed explanation on how things work, checkout Nuxt.js docs.