Nuxt 3 is coming.. Discover more about it here!

An image of a green gem from nuxt galaxy An image of a green gem from nuxt galaxy An image of a green gem from nuxt galaxy

The Intuitive Vue
Framework

Build your next Vue.js application with confidence using NuxtJS. An open source framework making web development simple and powerful.

A landscape image A landscape image
Discover

Easier Life, from Code to Cloud

Nuxt is an open source web framework based on official Vue.js libraries, Node.js and using powerful tools such as Webpack, Babel and PostCSS. Nuxt makes web development intuitive and performant with a great developer experience in mind. Deploy with one command your application to many platforms, from Node.js hosting to static websites.

diamond
diamond
diamond
diamond
diamond

It all starts with HTML and Vue components

A landscape image A landscape image
Features

Intuitive Developer Experience

Nuxt is shipped with plenty of features to boost developer productivity and the end user experience.

A Zero Configuration image

Zero Configuration

Start coding your app right away, Nuxt takes care of the rest.

A File-system Routing image

File-system Routing

Automatic routing and code-splitting every pages.

A Rendering Modes image

Rendering Modes

Switch between static-site generation or on-demand server rendering.

A Data Fetching image

Data Fetching

Fetch your content from any source in your Vue components, SSR ready.

A Strong Conventions image

Strong Conventions

Efficient teamwork with a strong directory structure and conventions.

A SEO Friendly image

SEO Friendly

Meta Tags management and faster time-to-content for a great indexing.

A Components Auto-import image

Components Auto-import

Use your components, Nuxt will import them with smart code-splitting.

A Modules Ecosystem image

Modules Ecosystem

Extend your app with 160+ Nuxt modules and create your own.

Partners

Sustainable Development

Nuxt development is made from passionate developers, however, the amount of effort needed to maintain and develop new features is not sustainable without proper financial backing. We are thanksful to our sponsors and partners to make it possible.

Sponsor NuxtJS

A landscape image A landscape image
Learn

Easy to learn. Easy to master

Be part of the Nuxt.js community and help us Nuxtify the world.

npx create-nuxt-app project-name

> Loading...

? Project name : My project

? Programming language : Javascript

> Javascript

  Typescript

? Package manager : Yarn

? UI Framework : Tailwind CSS

? Nuxt.js modules : Axios

? Testing Framework : Jest

? Rendering mode : Universal (SSR / SSG)

? Deployment target : Server

Check installed

cd My Project

yarn run dev

index.vue

1 2 3 4 5

<template>

<Logo/>

<NuxtCard/>

<NuxtCard/>

<AlertBanner/>

</template>

Learn

Follow our Guides

From an Idea to a Masterpiece, guides show the path to become a Nuxter.

A Usage image

Usage

Learn Nuxt concepts and features from beginning to mastery.

Learn Nuxt Chevron right
A Internals image

Internals

Dive deep into Nuxt internals to extend your application's behavior.

Explore Internals Chevron right
A API References image

API References

Discover all properties and their options when you need a complete overview.

Discover the API Chevron right
A landscape image A landscape image
Explore

Need to move Forward? So much to Explore

Nuxt has plently of areas to explore, learn with examples, integrate with your favorite providers and start quickly with themes.

A Examples image

Examples

Get inspired by use-cases, from common tasks to advanced examples.

Get inspired Chevron right
A Modules image

Modules

Take advantage of our module ecosystem to stop reinventing the wheel.

Browse modules Chevron right
A Themes image

Themes

Start coding in minutes with a pre-made design thanks to our list of Nuxt themes.

Start now Chevron right
A landscape image A landscape image
Community

Sharing is Caring

Discover articles from the NuxtJS Team and Nuxt.js Community about NuxtJS, tips and tricks included!

  • Case Study / LiveMentor
    Showcase

    Case Study / LiveMentor

    LiveMentor is one of the world's leading education companies focused on entrepreneurship. They decided to migrate their existing front-end to Nuxt. We met with Romain and Alexandre to talk about their journey.

    Read article Chevron right
  • Creating a Nuxt Module
    Tutorial

    Creating a Nuxt Module

    Modules are functions that are called sequentially when booting Nuxt. The framework waits for each module to finish before continuing. In this way, modules can customize almost any aspect of your project. Let's create a module that uses ngrok to get a Public URL that you can share while working in Development.

    Read article Chevron right
A landscape image A landscape image
Community

Testimonials

Learn from experts what they love about Nuxt.

  • Nuxt offers a compelling solution and a great ecosystem to help you ship fullstack Vue apps that are performant and SEO friendly. The flexibility to choose between SSR and SSG is icing on the cake.

  • Nuxt has outstanding developer productivity, experience, and performance right out of the gate!
    There’s so much attention to detail, ensuring teams have everything at their fingertips to productively build all manners of applications.

  • Nuxt is a fantastic choice for teams building a production-grade product on the web. It aims to bake in performance best-practices while maintaining excellent Vue.js DX.

  • Nuxt has been an incredible source of innovation and inspiration for developers and framework authors alike. It’s been amazing to see its growth in web projects of all sizes on the web.

  • Nuxt has a unique approach of combining a great developer experience with reusable, fully integrated features that speed up the development and performance of your next website or application.

  • Nuxt is our primary choice for offering a seamless website development experience to our users. Its simplicity and progressive learning curve makes it our ideal choice for SliceMachine.

  • Every serious full stack development team needs to stop take a look at Nuxt. Vue's developer productivity combined with Nuxt's server side rendering, is the foundation for instant loading web sites that delight users and improve team velocity.

  • Nuxt has an ideal balance of approachability for developers new to JAMstack, and power for experienced teams working on complex applications. The modules and first-class integration with the rest of the Vue ecosystem makes for a superb DX.

  • The moment I used Nuxt for the first time I felt in love with it. Apart from its scalability, performance and developer experience, the team behind of it is also fantastic. Thanks for developing such a great framework and making our lives much easier!