| apis | ||
| assets | ||
| components | ||
| composables | ||
| configs | ||
| extensions | ||
| hooks | ||
| json | ||
| layouts | ||
| locales | ||
| manuals | ||
| middleware | ||
| mixins | ||
| pages | ||
| plugins | ||
| public | ||
| server | ||
| services | ||
| stores | ||
| systems | ||
| tests | ||
| types | ||
| utils | ||
| .env | ||
| .env.development | ||
| .env.majles | ||
| .env.monir | ||
| .env.production | ||
| .env.release | ||
| .env.tavasi | ||
| .gitignore | ||
| .gitmodules | ||
| app.config.ts | ||
| app.vue | ||
| error2.vue | ||
| i18n.config.ts | ||
| nuxt.config.ts | ||
| package-lock.json | ||
| package.json | ||
| README_CODES.md | ||
| README.md | ||
| supabase.md | ||
| tsconfig.json | ||
| vitest.config.ts | ||
| yarn.lock | ||
Nuxt 3 Minimal Starter
Look at the Nuxt 3 documentation to learn more.
Setup
Make sure to install the dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Development Server
Start the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm run dev
# yarn
yarn dev
# bun
bun run dev
Production
Build the application for production:
# npm
npm run build
# pnpm
pnpm run build
# yarn
yarn build
# bun
bun run build
Locally preview production build:
# npm
npm run preview
# pnpm
pnpm run preview
# yarn
yarn preview
# bun
bun run preview
Check out the deployment documentation for more information.
Key Points
Use $fetch for Client-Side Interactions: $fetch is suitable for client-side interactions and should be used within onMounted or mounted lifecycle hooks for fetching data after the component is rendered.
Avoid Mixing useAsyncData and onMounted: These two are meant for different phases of the component lifecycle and should not be mixed together.