From files to pages.
Turn Vue components into pages. Nuxt takes care of routing and component discovery.
Explore routing ↗NUXT · JAPANESE GUIDES & MODULES
Build your next
web experience
with Nuxt.
Pages, data and servers, built on Vue. Get started with Nuxt, then extend your application with the modules you need.
Learn in Japanese / Build with open source
<script setup lang="ts">
const message = ref("Hello, Nuxt!")
</script>
<template>
<h1>{{ message }}</h1>
</template>PREVIEW
Hello, Nuxt!
Vue + TypeScript + Nuxt Start with a small component.
01 / DISCOVER NUXT
One foundation for the web.
Choose how to render.
Server rendering, client rendering or static generation. Match the rendering strategy to your application.
Explore rendering ↗Vue meets TypeScript.
Build with familiar Vue components, type information and integrated development tools.
Explore TypeScript ↗02 / GET STARTED
Start with something running.
Install Node.js, create a project and start exploring Nuxt by editing a Vue page.
Read the setup guide →Terminal
npm create nuxt@latest my-app
cd my-app
npm run dev03 / EXTEND WITH MODULES
Compose the capabilities you need.
Modules and companion libraries maintained by NuxtJP. Find a purpose, then explore the source and usage guide.
site-builder
Build bilingual presentation, documentation and OSS catalogs on a shared Nuxt foundation.
Explore the project →declarative-ui
Nuxt composition for declarative views and interactions.
Explore the project →nuxt-local-runtime
Connect a browser interface to one explicitly configured local Rust runtime.
Explore the project →Looking for the wider Nuxt ecosystem?
Official module directory ↗