Vue.js Meta Framework to create complex, fast & universal web applications quickly.
- 📘 Documentation: https://nuxtjs.org
- 👥 Community: cmty.app/nuxt
- 🎬 Video: 1 minute demo
- 🐦 Twitter: @nuxt_js
- 💬 Chat: Discord
- 📦 Nuxt.js Modules
- 👉 Play with Nuxt.js online
- Automatic transpilation and bundling (with webpack and babel)
- Hot code reloading
- Server-side rendering OR Single Page App OR Static Generated, you choose 🔥
- Static file serving.
./static/is mapped to
- Configurable with a
- Custom layouts with the
- Code splitting for every
- Loading just the critical CSS (page-level)
Learn more at nuxtjs.org.
Consulting from the Nuxt team
Get help with that tough bug or make sure your Nuxt app is ready to deploy. For $200 an hour, get technical support, advice, code reviews, and development from the Nuxt core team: Hire Nuxt on Otechie
Professional support with TideLift
Professionally supported Nuxt.js is now available!
Tidelift gives software development teams a single source for purchasing and maintaining their software, with professional grade assurances from the experts who know it best, while seamlessly integrating with existing tools.
Become a sponsor and get your logo on our README on GitHub with a link to your site. [Become a sponsor]
Support us with a monthly donation and help us continue our activities. [Become a backer]
$ npx create-nuxt-app <project-name>
It's as simple as that!
👉 We recommend to start directly with our cli create-nuxt-app for the latest updates.
Or you can start by using one of our starter templates:
- starter: Basic Nuxt.js project template
- express: Nuxt.js + Express
- koa: Nuxt.js + Koa
- adonuxt: Nuxt.js + AdonisJS
- micro: Nuxt.js + Micro
- nuxtent: Nuxt.js + Nuxtent module for content heavy sites
Using nuxt.js programmatically
const Nuxt Builder =// Import and set nuxt.js optionslet config =configdev = processenvNODE_ENV !== 'production'let nuxt = config// Start build process (only in development)if configdevnuxt// You can use nuxt.render(req, res) or nuxt.renderRoute(route, context)
Learn more: https://nuxtjs.org/api/nuxt
Using nuxt.js as a middleware
You might want to use your own server with your configurations, your API and everything awesome your created with. That's why you can use nuxt.js as a middleware. It's recommended to use it at the end of your middleware since it will handle the rendering of your web application and won't call next().
Learn more: https://nuxtjs.org/api/nuxt-render
Render a specific route
This is mostly used for
nuxt generate and test purposes but you might find another utility!
Learn more: https://nuxtjs.org/api/nuxt-render-route
To deploy, instead of running nuxt, you probably want to build ahead of time. Therefore, building and starting are separate commands:
nuxt buildnuxt start
For example, to deploy with
package.json like follows is recommended:
now and enjoy!
Note: we recommend putting
📝 🐛 💻 🎨 📖 💬 👀 📢
🎨 📖 📋 📦 💬 📢
🐛 💻 🔌 💬 👀 🔧
🐛 💻 💡 👀 ⚠️ 🔧
💬 🐛 💻 💡 👀 ⚠️
💬 🐛 💻 💡 👀 ⚠️
💬 🐛 💻 🤔 👀
💻 🤔 📦 👀
Thank you to all our contributors!
Please refer to our Contribution Guide
Thanks to BrowserStack!
If you discover a security vulnerability regarding Nuxt.js, please send an e-mail to the team via firstname.lastname@example.org! All security vulnerabilities will be promptly addressed.