Gem illustrationGem illustration
Warning

This version of Nuxt is out of date. Consider update

The Intuitive Vue Framework

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

Easy to learn. Easy to master

Learn everything you need to know, from beginner to master.

yarn add nuxt

> Loading...

yarn run dev

compiled

index.vue

<template

<div

<Sidebar/> 

<h1Hello world!</h1

</div

</template

sidebar illustration

Hello world!

Intuitive Developer Experience

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

  • hexagon background
    zero-config.svg illustration
    Zero Configuration

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

  • hexagon background
    file-system-routing.svg illustration
    File-system Routing

    Automatic routing and code-splitting for every page.

  • hexagon background
    rendering-mode.svg illustration
    Rendering Modes

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

  • hexagon background
    data-fetching.svg illustration
    Data Fetching

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

  • hexagon background
    strong-convention.svg illustration
    Strong Conventions

    Efficient teamwork with a strong directory structure and conventions.

  • hexagon background
    seo-friendly.svg illustration
    SEO Friendly

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

  • hexagon background
    components-auto-imports.svg illustration
    Components Auto-import

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

  • hexagon background
    module-ecosystem.svg illustration
    Modules Ecosystem

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

They use Nuxt

Lets go

Developers love Nuxt, the open source Vue framework built together with community. Nuxt powers the biggest websites like Big Website.