Build Status Azure Build Status Β Coverage Status Downloads Version License Discord

Support us

Hire Nuxt

> Vue.js Meta Framework to create complex, fast & universal web applications *quickly*. ## Links - πŸ“˜ Documentation: [https://nuxtjs.org](https://nuxtjs.org) - πŸ‘₯ Community: [cmty.app/nuxt](https://cmty.app/nuxt) - 🎬 Video: [1 minute demo](https://www.youtube.com/watch?v=kmf-p-pTi40) - 🐦 Twitter: [@nuxt_js](https://twitter.nuxtjs.org/) - πŸ’¬ Chat: [Discord](https://discord.nuxtjs.org/) - 🌟 [AwesomeNuxt](https://awesome.nuxtjs.org/) - πŸ‘‰ [Play with Nuxt.js online](https://template.nuxtjs.org) ## Features - Automatic transpilation and bundling (with webpack and babel) - Hot code reloading - Server-side rendering OR Single Page App OR Static Generated, you choose :fire: - Static file serving. `./static/` is mapped to `/` - Configurable with a `nuxt.config.js` file - Custom layouts with the `layouts/` directory - Middleware - Code splitting for every `pages/` - Loading just the critical CSS (page-level) Learn more at . ## Consulting from the Nuxt team Get help with that tough bug or make sure your Nuxt app is ready to deploy. For $250 an hour, get technical support, advice, code reviews, and development from the Nuxt core team: [Hire Nuxt on Otechie](https://otechie.com/nuxt?ref=readme) ## 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. [Get supported Nuxt with the Tidelift Subscription](https://tidelift.com/subscription/pkg/npm-nuxt?utm_source=npm-nuxt&utm_medium=readme). ## Partners Become a partner and get your logo on our README on GitHub and every page of website with a link to your site. [[Become a partner](https://opencollective.com/nuxtjs#partner)] [![Open Collective Partners][partners-src]][partners-href] ## Sponsors Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor](https://opencollective.com/nuxtjs#sponsor)] [![Open Collective Sponsors][sponsors-src]][sponsors-href] ## Backers Support us with a monthly donation and help us continue our activities. [[Become a backer](https://opencollective.com/nuxtjs#backer)] [![Open Collective Sponsors][backers-src]][backers-href] ## Getting started ```sh $ npx create-nuxt-app ``` It's as simple as that! ## Templates :point_right: We recommend to start directly with our cli [create-nuxt-app](https://github.com/nuxt-community/create-nuxt-app) for the latest updates. Or you can start by using one of our starter templates: - [starter](https://github.com/nuxt-community/starter-template): Basic Nuxt.js project template - [express](https://github.com/nuxt-community/express-template): Nuxt.js + Express - [koa](https://github.com/nuxt-community/koa-template): Nuxt.js + Koa - [adonuxt](https://github.com/nuxt-community/adonuxt-template): Nuxt.js + AdonisJS - [micro](https://github.com/nuxt-community/micro-template): Nuxt.js + Micro - [nuxtent](https://github.com/nuxt-community/nuxtent-template): Nuxt.js + Nuxtent module for content heavy sites ## Using nuxt.js programmatically ```js const { Nuxt, Builder } = require('nuxt') // Import and set nuxt.js options const config = require('./nuxt.config.js') config.dev = (process.env.NODE_ENV !== 'production') const nuxt = new Nuxt(config) // Start build process (only in development) if (config.dev) { new Builder(nuxt).build() } // You can use nuxt.render(req, res) or nuxt.renderRoute(route, context) ``` Learn more: ## Using nuxt.js as a middleware You might want to use your own server with your configurations, your API and everything awesome you have 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(). ```js app.use(nuxt.render) ``` Learn more: ## Render a specific route This is mostly used for `nuxt generate` and test purposes but you might find another utility! ```js nuxt.renderRoute('/about', context) .then(function ({ html, error }) { // You can check error to know if your app displayed the error page for this route // Useful to set the correct status code if an error appended: if (error) { return res.status(error.statusCode || 500).send(html) } res.send(html) }) .catch(function (error) { // And error appended while rendering the route }) ``` Learn more: ## Examples Please take a look at or directly in . ## Production deployment To deploy, instead of running nuxt, you probably want to build ahead of time. Therefore, building and starting are separate commands: ```bash nuxt build nuxt start ``` For example, to deploy with [`now`](https://zeit.co/now) a `package.json` like follows is recommended: ```json { "name": "my-app", "dependencies": { "nuxt": "latest" }, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start" } } ``` Then run `now` and enjoy! Note: we recommend putting `.nuxt` in `.npmignore` or `.gitignore`. ## Core team
SΓ©bastien Chopin
SΓ©bastien Chopin

πŸ“ πŸ› πŸ’» 🎨 πŸ“– πŸ’¬ πŸ‘€ πŸ“’
Alexandre Chopin
Alexandre Chopin

🎨 πŸ“– πŸ“‹ πŸ“¦ πŸ’¬ πŸ“’
Pooya Parsa
Pooya Parsa

πŸ› πŸ’» πŸ”Œ πŸ’¬ πŸ‘€ πŸ”§
Clark Du
Clark Du

πŸ› πŸ’» πŸ’‘ πŸ‘€ ⚠️ πŸ”§
Alexander Lichter
Alexander Lichter

πŸ’¬ πŸ› πŸ’» πŸ’‘ πŸ‘€ ⚠️
Jonas Galvez
Jonas Galvez

πŸ’¬ πŸ› πŸ’» πŸ’‘ πŸ‘€ ⚠️
Dmitry Molotkov
Dmitry Molotkov

πŸ’¬ πŸ› πŸ’» πŸ€” πŸ‘€
Kevin Marrec
Kevin Marrec

πŸ’» πŸ€” πŸ“¦ πŸ‘€
Pim
Pim

πŸ› πŸ’»
## Contributors Thank you to all our [contributors](https://github.com/nuxt/nuxt.js/graphs/contributors)! [![Nuxt.js Contributors][contributors-src]][contributors-href] ## Contributing Please refer to our [Contribution Guide](https://nuxtjs.org/guide/contribution-guide#codefund_ad) ## Cross-browser testing Thanks to BrowserStack! BrowserStack ## Security If you discover a security vulnerability regarding Nuxt.js, please send an e-mail to the team via security@nuxtjs.org! All security vulnerabilities will be promptly addressed. ## License [MIT](https://github.com/nuxt/nuxt.js/blob/dev/LICENSE) [partners-src]: https://opencollective.com/nuxtjs/tiers/partner.svg?avatarHeight=96&width=890&button=false [partners-href]: https://opencollective.com/nuxtjs#contributors [sponsors-src]: https://opencollective.com/nuxtjs/tiers/sponsors.svg?avatarHeight=72&width=890&button=false [sponsors-href]: https://opencollective.com/nuxtjs#contributors [backers-src]: https://opencollective.com/nuxtjs/tiers/backers.svg?width=890&button=false [backers-href]: https://opencollective.com/nuxtjs#contributors [contributors-src]: https://opencollective.com/nuxtjs/contributors.svg?width=890&button=false [contributors-href]: https://github.com/nuxt/nuxt.js/graphs/contributors