NuxtJS (Vue.js) Starter Template

This is a starter template for NuxtJS (Vue.js) developers.

What's in it?

Packages

• i18n
• Toast
• Axios
• Apollo
• Buttono
• getDate
• GraphQL
• CKEditor
• SVG Sprite
• Vue Select
• Vee Validate
• Vue Test Utils
• Tippy (Tooltip)
• Copy to Clipboard
• Jest Configurations

Components

• Alert
• Badge
• Input
• Modal
• Button
• Editor
• Header
• Navbar
• Tooltip
• BaseCard
• VueSelect
• DatePicker
• FileUpload
• VeeValidate
• RadioButton
• PageLoading
• ToggleSwitch
• EmbedResponsive

Mixins

• Clipboard
• routeNames
• checkEndpointErrors
• v-for Random Loop Key Generator

Directives

• Tooltip

Built-in Utility Scripts

• sendData
• fetchData
• formatPrice
• stripNonNumeric
• Common response check for endpoint (api, graphql...) results (checkEndpointErrors)

Linters

• Prettier
• ESLinter
• Stylelint

Editor

• Link
• Bold
• Italic
• Indent
• Heading
• Font Size
• Highlight
• Subscript
• Underline
• Font Color
• Superscript
• BlockQuote
• StrikeTrough
• Source Editing
• Text Alignment
• Horizontal Line
• Remove Format
• General HTML Support

Others

• Custom Error Pages

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at your ip instead of localhost:3000
# disable HOST varible in env file for localhost:3000
$ yarn dev

# serve storybook with hot reload at localhost:3003
$ yarn storybook

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

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

Contributing

If you've ever wanted to contribute to open source, and a great cause, now is your chance!

Contributors ✨

Thanks goes to these people:

Yılmaz Oktav

Gürkan Köse