Nuxt3
- Spa & SSR difference
- Nuxt3 Feature
- Nuxt3 File Structure
- Composables
- Data Fetch & Error
- Nuxt3 Module & Layer & Kit
Conclusion
Client-side rendering is a good choice for heavily interactive web applications that don't need indexing or whose users visit frequently. It can leverage browser caching to skip the download phase on subsequent visits, such as SaaS, back-office applications, or online games.
Conclution
Universal rendering is very versatile and can fit almost any use case, and is especially appropriate for any content-oriented websites: blogs, marketing websites, portfolios, e-commerce sites, and marketplaces.
Let`s Overview Nuxt3
development friendly
- Auto-imports
- File-system routing and API layer
- Data-fetching utilities
- Zero-config TypeScript support
- Configured build tools
- Universal rendering
- Client-side only rendering
- Hybrid rendering (per-routes caching strategy)
- Full Static site generation
How To Start Nuxt3
Nuxt3 start up
-
npx nuxi init
-
cd project-name
-
yarn install
-
yarn dev
To Use Composables
composables
- useAppConfig
- useAsyncData
- useCookie
- useError
- useFetch
- useHead
- useHydration
- useLazyAsyncData
- useStorage
-
useLazyFetch
-
useNuxtApp
-
useNuxtData
-
useRequestEvent
-
useRequestHeaders
-
useRoute
-
useRouter
-
useRuntimeConfig
-
useState
Too much ! What is I Need
How To Data Fetch
Nuxt3 More
-
Nuxt Layers
-
Nuxt Module
-
Nuxt Kit
