Nuxt3 interesting interaction:

NuxtJS gives you more confidence in building your next vue.js application. This is an open source framework that makes Web development simple and powerful. Nuxt 3.0 is here, so let’s take a look at some exciting new features!

New features!

Nuxt 3’s refactoring streamlined the kernel and made it faster and better to develop.

A lightweight

Server deployments and client artifacts can be reduced up to 75 times with modern browsers as the target.

faster

Optimizing cold start with dynamic server side code segmentation, provided by Nitro.

Hybrid

Incremental static generation and other advanced modes are now possible.

Suspense

Get data from any component before and after navigation.

Composition API

Use the Composition API and Nuxt 3’s Composables for true reusability.

Nuxt CLI

The new zero-dependency experience helps you easily build projects and integration modules.

Nuxt Devtools

More information and quick fixes to work efficiently in the browser.

Nuxt Kit

New typescript-based and cross-version-compatible module development.

Webpack 5

Faster build times and smaller build artifacts with zero configuration.

Vite

Experience lightweight fast HMR with Vite as your packer.

Vue3

Vue3 will be a solid foundation for your next application.

TypeScript

Built with native TypeScript and ESM — no additional steps.

Nitro engine

We worked on Nitro, Nuxt’s new server engine, for nine months. It unlocks new full-stack capabilities on the Nuxt server and so on.

In development, it uses rollup and Node.js workers to isolate services for server-side code and context. Generate your server API by reading files in the server/ API/directory and server functions in the server/functions directory.

In production, it builds your app and server-side code into a separate.output directory. The output is lightweight: the code is compressed and all Node.js modules are removed. You can deploy this product on any system that supports JavaScript, node.js, Severless, Workers, Edge Side Rendering, or purely static deployment.

This artifact contains runtime code to support running the Nuxt server in any environment (including the experimental browser Service Workers!). , and start the static file service, making it a true hybrid framework that conforms to the JAMStack architecture. A native storage layer is also implemented, supporting multiple sources, drivers, and local resources.

Nitro is based on Rollup and H3: a minimal HTTP framework built for high performance and portability.

Nuxt bridge

After four years of development, we migrated to Vue3 and rewrote Nuxt to put it on a stronger footing and ready for more new features in the future.

Smooth upgrade to Nuxt3

We are committed to making it easier for users to upgrade from Nuxt2 to Nuxt3.

  • Legacy plug-ins and modules will keep working
  • The Nuxt2 configuration is compatible
  • Some pages Options APIS are available

Bring the Nuxt 3 experience to the existing Nuxt2 project

As we developed new features for Nuxt 3, we also ported some of those features to Nuxt 2.

  • Enable Nitro in Nuxt2
  • Using Composition API in Nuxt2 (same as Nuxt3)
  • Use the new CLI and Devtools in Nuxt2
  • Incremental upgrade to Nuxt3
  • Nuxt2 compatible module ecosystem
  • Piece by piece upgrades (Nitro, Composition API, Nuxt Kit)

Thanks for your patience, we can’t wait to release it and get your feedback – the Nuxt team.

speech

Vue Beijing event to meet you, this time we invited One of the founders of Nuxtlab Sebastien Chopin to share the Nuxt3 tour. Those of you who have been waiting for Nuxt3 must come and listen. This Sunday, September 26th at 4:50 PM, we’ll be there or see you!

📅 time: 16:50 ~ 18:30 this Sunday, September 26th afternoon

🏠 location: B station studio: live.bilibili.com/22948040

Video id: VueBeijing

💵 ticket price: 0 yuan: Anyone can participate in the free 10 yuan: if you think our activity is meaningful, you can sponsor us 10 yuan for holding more quality technology sharing activities in the future.

📖 Language: English with AI recognition of Chinese subtitles

🤝 Media Partners: ⚡️ Nuggets

👇 Sign up now hdxu.cn/D9oun

Official website original address

nuxtjs.org/v3