Create Nuxt.js app in Lando with Drupal backend

Posted | Updated

 This .lando.yml file will set up a node server for nuxt at nuxtapp.lndo.site and move drupal to drupal.nuxtapp.lndo.site.

See the proxy settings for how I moved the services to those urls.

Create a new Nuxt app with create-nuxt-app (ssh inside nuxt w/ lando ssh nuxt)

One really important thing to do is run the Nuxt app with the hostname set to 0.0.0.0 to allow it to be exposed by Lando. You can do this in the package.json

name: nuxtapp
recipe: drupal8

config:
  webroot: web

services:
  nuxt:
    type: node
    ssl: true
    overrides:
      services:
        ports:
          - "3000:3000"
    globals:
      gulp-cli: "latest"
      postcss-cli: "latest"
      create-nuxt-app: "latest"

tooling:
  npm:
    service: nuxt
  gulp:
    service: nuxt

proxy:
  nuxt:
    - scorecard.lndo.site:3000
  appserver:
    - drupal.scorecard.lndo.site

 

Credit to: https://github.com/lando/lando/issues/1105#issuecomment-416084422

Tags
#Decoupled