Nuxt/docs/content/index.md
Yaël Guilloux dc47c64f14
docs: use nuxt 3 and website theme (#5479)
Co-authored-by: Daniel Roe <daniel@roe.dev>
Co-authored-by: Sébastien Chopin <seb@nuxtjs.com>
Co-authored-by: Pooya Parsa <pooya@pi0.io>
Co-authored-by: pooya parsa <pyapar@gmail.com>
Co-authored-by: Clément Ollivier <clement.o2p@gmail.com>
2022-10-06 11:15:30 +02:00

2.6 KiB

navigation layout title description
false page The Hybrid Vue Framework Build your next application with Vue 3 and experience hybrid rendering, with an improved directory structure and new features Nuxt 3 is an open source framework making web development simple and powerful.

::BlockHero

cta:


#title The Hybrid [Vue]{.text-primary} Framework

#description Build your next application with Vue 3 and experience hybrid rendering, powerful data fetching and new features. Nuxt 3 is an open source framework making web development simple and powerful.

#right ::div{.flex .items-top .justify-center} ::gem :: :: ::

::card-grid #title With new features

#description Nuxt 3 has been re-architected with a smaller core and optimized for faster performance and better developer experience.

#default ::card{icon=IconFeather} #title Lighter #description Up to 75x smaller server deployments and smaller client bundle targeting modern browsers. ::

::card{icon=IconRabbit} #title Faster #description Optimized cold start with dynamic server code-splitting, powered by nitro. ::

::card{icon=IconHybrid} #title Hybrid #description Incremental Static Generation and other advanced modes are now possible. ::

::card{icon=IconSuspense} #title Suspense #description Fetch data in any component, before or after navigation. ::

::card{icon=IconCAPI} #title Composition API #description Use the Composition API and Nuxt 3's composables for true code re-usability. ::

::card{icon=IconCLI} #title Nuxt CLI #description A new zero-dependency experience for easy scaffolding and module integration. ::

::card{icon=IconDevtools} #title Nuxt DevTools #description Work faster with info and quick fixes right in the browser. ::

::card{icon=IconKit} #title Nuxt Kit #description Brand new module development with TypeScript and cross-version compatibility. ::

::card{icon=IconWebpack} #title webpack 5 #description Faster build time and smaller bundle size, with no configuration required. ::

::card{icon=IconVite} #title Vite #description Experience lightning fast HMR by using Vite as your bundler. ::

::card{icon=IconVue} #title Vue 3 #description Vue 3 is a solid foundation for your next web app. ::

::card{icon=IconTypeScript} #title TypeScript #description Built with native TypeScript and ESM - no extra steps required. :: ::