New

New Nuxt 3.0 is out. Read about it here

The Intuitive
Vue Framework

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

Modular & Instinctive architecture

How a user interacts with and experience your website is key. It includes a person's perceptions of utility, ease of use, and efficiency. with a great user experience in mind.

  • component-green.svg icon
    Component

    Nuxt server renders your pages to bring your website the full visibility it deserves so users will find you website.

  • pages-green.svg icon
    Pages

    Once the website is loaded, users will discover a new experience: an application feeling right into their browser.

  • layouts-green.svg icon
    Layouts

    Nuxt ships by default with best Lighthouse and Web vitals score so users won’t wait for accessing your website.

  • app-green.svg icon
    App

    Nuxt ships by default with best Lighthouse and Web vitals score so users won’t wait for accessing your website.

gem illustrationgem illustrationgem illustration

Auto-import everything

How a user interacts with and experience your website is key. It includes a person's perceptions of utility, ease of use, and efficiency. with a great user experience in mind.

  • components.svg icon
    components-white.svg icon
    Components

    Nuxt server renders your pages to bring your website the full visibility it deserves so users will find you website.

  • composables.svg icon
    composables-white.svg icon
    Composables

    Once the website is loaded, users will discover a new experience: an application feeling right into their browser.

  • plugins.svg icon
    plugins-white.svg icon
    Plugins

    Nuxt ships by default with best Lighthouse and Web vitals score so users won’t wait for accessing your website.

gem illustration
pages
components
plugins
pages
index.vue
components
Header.vue
Footer.vue
components
Mouse.vue
composables
useMouse.ts
pages
index.vue
plugins
i18n.ts
Open components, composables or plugins
<template>
 <Header />
 <Footer />
</template>
<template>
 <p>Mouse position: {{ x }} {{ y }}</p>
</template>

<script setup>
 const xuseMouse()
</script>
<template>
 <h1>{{ &t('hello') }}</h1>
</template>

File system routing

How a user interacts with and experience your website is key. It includes a person's perceptions of utility, ease of use, and efficiency. with a great user experience in mind.

  • static-route.svg icon
    static-route-white.svg icon
    Static route

    Nuxt ships by default with best Lighthouse and Web vitals score so users won’t wait for accessing your website.

  • dynamic-routes.svg icon
    dynamic-routes-white.svg icon
    Dynamic routes

    Once the website is loaded, users will discover a new experience: an application feeling right into their browser.

  • nested-routes.svg icon
    nested-routes-white.svg icon
    Nested routes

    Nuxt ships by default with best Lighthouse and Web vitals score so users won’t wait for accessing your website.

  • middleware.svg icon
    middleware-white.svg icon
    Middleware

    Nuxt server renders your pages to bring your website the full visibility it deserves so users will find you website.

gem illustration
gem illustration
pages

Power up your app with Utilities

Ac euismod vel sit maecenas id pellentesque eu sed consectetur. Malesuada adipiscing sagittis vel nulla nec.

  • Built in comps

    Consequuntur omnis dicta cumque, inventore atque ab dolores aspernatur tempora ab doloremque.

  • Data Fetch

    Consequuntur omnis dicta cumque, inventore atque ab dolores aspernatur tempora ab doloremque.

  • Meta Data

    Consequuntur omnis dicta cumque, inventore atque ab dolores aspernatur tempora ab doloremque.

  • State Management

    Consequuntur omnis dicta cumque, inventore atque ab dolores aspernatur tempora ab doloremque.

Empowered commands

How a user interacts with and experience your website is key. It includes a person's perceptions of utility, ease of use, and efficiency. with a great user experience in mind.

  • init.svg icon
    Init

    Nuxt server renders your pages to bring your website the full visibility it deserves so users will find you website.

  • build.svg icon
    Build

    Nuxt ships by default with best Lighthouse and Web vitals score so users won’t wait for accessing your website.

  • dev.svg icon
    Dev

    Once the website is loaded, users will discover a new experience: an application feeling right into their browser.

  • preview.svg icon
    Preview

    Nuxt ships by default with best Lighthouse and Web vitals score so users won’t wait for accessing your website.

  • more.svg icon
    And even more

    Once the website is loaded, users will discover a new experience: an application feeling right into their browser.

Deploy everywhere

How a user interacts with and experience your website is key. It includes a person's perceptions of utility, ease of use, and efficiency. with a great user experience in mind.

  • server-icon.svg icon
    server-green.svg icon
    Server

    Nuxt server renders your pages to bring your website the full visibility it deserves so users will find you website.

  • static.svg icon
    static-green.svg icon
    Static

    Once the website is loaded, users will discover a new experience: an application feeling right into their browser.

  • hybrid.svg icon
    hybrid-green.svg icon
    Hybrid

    Nuxt ships by default with best Lighthouse and Web vitals score so users won’t wait for accessing your website.

gem illustration

Lets go

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