- run
pnpm dlx nuxi init <project-name> pnpm install- start dev server
pnpm dev -o
- create a
pagesdirectory - in pages dir, create .vue (eg. index.vue is '/' & about.vue is '/about')
- if folder is created in pages, name of folder will be added to route path
- components common pages
- create
layoutsfolder in root default.vueapplied to all pagesdefinePageMeta()for custom layouts for certain pages
- add 3rd party packages
pnpm add --save-dev @nuxtjs/tailwindcss- Add
@nuxtjs/tailwindcssto the modules section ofnuxt.config.{ts,js} - create
./assets/css/tailwind.cssto customise tailwind
- default metadata in
nuxt.config.tsfile - page-specific metadata with
useHead()or<Head></Head>
- create
server/api/directory in root - create
<fileName>.jsinapifolder - api endpoint would be
/api/<fileName>
- update
nuxt.config.tswithruntimeConfig
- add
PNPM_FLAGS=--shamefully-hoistin env variables if use pnpm