Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.
It provides a number of features that make it easy to build fast, SEO-friendly, and scalable web applications, including:
- Server-side rendering, Static Site Generation, Hybrid Rendering and Edge-Side Rendering
- Automatic routing with code-splitting and pre-fetching
- Data fetching and state management
- SEO Optimization and Meta tags definition
- Auto imports of components, composables and utils
- TypeScript with zero configuration
- Go fullstack with our server/ directory
- Extensible with200+ modules
- Deployment to a variety ofhosting platforms
- ...and much more🚀
- 🚀Getting Started
- 💻Vue Development
- 📖Documentation
- 🧩Modules
- ❤️Contribute
- 🏠Local Development
- ⛰️Nuxt 2
- 🛟Professional Support
- 🔗Follow Us
- ⚖️License
Use the following command to create a new starter project. This will create a starter project with all the necessary files and dependencies:
npx nuxi@latest init<my-project>Tip
Discover alsonuxt.new:Open a Nuxt starter on CodeSandbox, StackBlitz or locally to get up and running in a few seconds.
Simple, intuitive and powerful, Nuxt lets you write Vue components in a way that makes sense. Every repetitive task is automated, so you can focus on writing your full-stack Vue application with confidence.
Example of anapp.vue:
<scriptsetuplang="ts">
useSeoMeta({
title:'Meet Nuxt',
description:'The Intuitive Vue Framework.'
})
</script>
<template>
<divid="app">
<AppHeader/>
<NuxtPage/>
<AppFooter/>
</div>
</template>
<stylescoped>
#app{
background-color:#020420;
color:#00DC82;
}
</style>We highly recommend you take a look at theNuxt documentationto level up. It’s a great resource for learning more about the framework. It covers everything from getting started to advanced topics.
Discover ourlist of modulesto supercharge your Nuxt project, created by the Nuxt team and community.
We invite you to contribute and help improve Nuxt 💚
Here are a few ways you can get involved:
- Reporting Bugs:If you come across any bugs or issues, please check out thereporting bugs guideto learn how to submit a bug report.
- Suggestions:Have ideas to enhance Nuxt? We'd love to hear them! Check out thecontribution guideto share your suggestions.
- Questions:If you have questions or need assistance, thegetting help guideprovides resources to help you out.
Follow the docs toSet Up Your Local Development Environmentto contribute to the framework and documentation.
- Technical audit & consulting:Nuxt Experts
- Custom development & more:Nuxt Agencies Partners
