Look at the Nuxt 3 documentation to learn more.
Make sure to install the dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Start the development server on http://localhost:3000
:
# npm
npm run dev
# pnpm
pnpm run dev
# yarn
yarn dev
# bun
bun run dev
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.
See https://www.youtube.com/watch?v=fTPCKnZZ2dk
https://youtu.be/fTPCKnZZ2dk?t=1934
VueUse
https://youtu.be/fTPCKnZZ2dk?t=3647
https://content.nuxt.com/get-started/installation
nvm use v16.20.1
npx nuxi init BeginnerNuxt
cd BeginnerNuxt
npm install sass
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
Create folder assets and create a file main.scss
In nuxt.config.js add:
css: ["~/assets/main.scss"],
postcss: {
plugins: {
tailwindcss: {},
autoprefixer: {},
}
}
In tailwind.config.js add:
content: [
"./components/**/*.{js,vue,ts}",
"./layouts/**/*.vue",
"./pages/**/*.vue",
"./plugins/**/*.{js,ts}",
"./nuxt.config.{js,ts}",
".app.vue",
]
In assets/main.scss add:
@tailwind base
@tailwind components
@tailwind utilities
npm install @nuxt/content
In nuxt.config.js add:
modules: [
'@nuxt/content'
],
content: {
base: "/content",
watch: false,
// ... options
}
Add content in the /content folder, using markdown:
Add this on a page:
<ContentDoc />
Create folder /stores
npm install pinia
npm install @pinia/nuxt
Add "@pinia/nuxt" to modules array in nuxt.config.js
https://youtu.be/fTPCKnZZ2dk?t=5008
https://youtu.be/fTPCKnZZ2dk?t=5623