Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
59 lines (36 sloc) 2 KB

Nuxt.js with Express

ExpressJS + Nuxt.js = ⚡️


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 your express server.
  • The routes directory is called server/api.


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.


We use backpack to watch and build the application, so you can use the latest ES6 features (module syntax, async/await, etc.).

Live Demo



Alternative Nuxt Express Module

The 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.