A starter to start developing on Nuxt 3 as quickly as possible.
It seems to me that the starter contains only what is needed for any new typical Nuxt 3 project.
Most of all, it was created by me and to start my developments, but I will be happy if it helps someone else.
⸜(。˃ ᵕ ˂ )⸝♡
Just do:
git clone
this repository- Remove
README.md
- Remove
LICENSE.md
- Customize the rest to suit your needs and you're ready!
- The project structure is defined inside the
src
folder - Index page
pages/index.vue
created - The
default.vue
layout is created since you will create it anyway. The layout already uses the common sticky footer technique via Tailwind CSS The/Header
andThe/Footer
components have been created, since you will create them yourself anywayassets/sass/global/index.sass
— for global styles e.g. vendors stylespnpm
— just better then npm- node_modules:
sass
— SASS. For styles. You know.nuxt-icons
— every project has logo.svg so you need this module@nuxtjs/tailwindcss
— the most popular ui library
- ESLint only with some rules:
- comma-dangle —
["error", "always-multiline"]
, to require a comma at the end of a line when breaking a line - vue/no-multiple-template-root —
off
, disabled to avoid creating an often unnecessary wrapper for a component - vue/multi-word-component-names —
off
, because often components are created in folders, for examplecomponents/The/Header.vue
orcomponents/Landing/Block/Hero.vue
, but this rule needs an extra second word in the file name itself, even if the name of the component will consist of two or more camel-case words
- comma-dangle —