Nuxt.js with Express
Installation
This is a project template for vue-cli.
vue init nuxt-community/express-template <project-name>
cd <project-name> # move to your project
npm install # or yarn install
Make sure to use a version of vue-cli >= 2.1 (vue -V).
ExpressJS Changes
- There is a
server
directory with the root of yourexpress
server. - The
routes
directory is calledserver/api
.
Commands
Command | Description |
---|---|
npm run dev | Start ExpressJS server in development with Nuxt.js in dev mode (hot reloading). Listen on http://localhost:3000. |
npm run build | Build the nuxt.js web application for production. |
npm start | Start ExpressJS server in production. |
Backpack
We use backpack to watch and build the application, so you can use the latest ES6 features (module syntax, async/await, etc.).
Live Demo
Examples
Documentation
Nuxt Express Module
AlternativeThe module adds express into Nuxt's connect middleware stack using Nuxt's module system. The method will also handle hot reloading with out causing the nuxt build server to restart.