概要 vue-cliから作れるNuxt.jsのテンプレートに、express-templateというのがある。 Nuxt.jsと同時にExpressを起動させて、バックエンドとして動かすことが可能。 Nuxt.js内でバックエンドのMockを作って動かせるので、フロントエンドとバックエンドの開発が切り分けるのが容易になる。 github.com プロジェクト作成 vue-cliでプロジェクトを作成する。 $ vue init nuxt-community/express-template nuxt-express-sample $ cd nuxt-express-sample $ npm install # or yarn install バックエンドのMockAPIを作成 下記のようなjsonを返すAPIを作成する。 [ { name: 'とろ', price: 300 }, { nam