Nuxt.js with Express

ExpressJS + Nuxt.js = ⚡

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

https://express.nuxtjs.org

Examples

• Handling Protected SSR Routes

Documentation

• ExpressJS
• Nuxt.js
• Vue.js

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.

Licenses

• ExpressJS license
• NuxtJS license
• VueJS license