Starter template for Nuxt.js with Express.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 15321a0 Jun 15, 2018
Failed to load latest commit information.
template Update nuxt.config.js Jun 13, 2018 Mentioning nuxt-express-module Mar 29, 2018
meta.js setup Jan 24, 2017 add 'js' for code highlighting Jun 13, 2017

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.