a first look at nuxt 3

• Nuxt.js

  207 42,699 8.0 TypeScript

  Discontinued Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]

  

Nuxt's goal is to make web development intuitive and performant with a great developer experience in mind. The original version was created by Sébastien Chopin in October 2016 to emulate the features of Next.js but with Vue instead of React. Version 3 has been over a year in the making and is composed of the following core packages:

• Nuxt 3

  78 11,062 9.9 TypeScript

  Discontinued Old repo of Nuxt 3 framework, now on nuxt/nuxt (by nuxt)

  

Nuxt's goal is to make web development intuitive and performant with a great developer experience in mind. The original version was created by Sébastien Chopin in October 2016 to emulate the features of Next.js but with Vue instead of React. Version 3 has been over a year in the making and is composed of the following core packages:

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• h3

  8 3,106 9.3 TypeScript

  ⚡️ Minimal H(TTP) framework built for high performance and portability (by unjs)

  

Nuxt 3 is powered by a new server engine called Nitro. Nitro is used in development and production. It includes cross-platform support for Node.js, Browsers, and service-workers and serverless support out-of-the-box. Other features include API routes, automatic code-splitting, async-loaded chunks, and hybrid static/serverless modes. Server API endpoints and Middleware that internally uses h3 are added by Nitro.

• ajcwebdev-nuxt3

  1 1 0.0 Vue

  Discontinued An example Nuxt 3 application deployed on Netlify and Vercel

All the code for this article can be found on my GitHub.

• ofetch

  7 3,417 8.4 TypeScript

  😱 A better fetch API. Works on node, browser and workers.

  

Nitro allows 'direct' calling of routes via the globally-available $fetch helper. This will make an API call to the server if run on the browser, but will simply call the relevant function if run on the server, saving an additional API call. The $fetch API uses ohmyfetch to:

• webpack

  330 64,160 9.8 JavaScript

  A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  

A bundler to support hot module replacement in development and bundling for production - Webpack 5 and Vite both supported

• vite

  787 64,595 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

A bundler to support hot module replacement in development and bundling for production - Webpack 5 and Vite both supported

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• core

  283 44,481 9.8 TypeScript

  🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

  

A JavaScript framework to bring reactivity and web components - Vue.js

• esbuild

  322 37,249 9.5 Go

  An extremely fast bundler for the web

A transpiler for writing the latest JavaScript syntax while supporting legacy browsers - esbuild

Suggest a related project