https://github.com/drunomics/lupus-decoupled-nuxt-demo

Demo Nuxt.js setup using https://github.com/drunomics/nuxtjs-drupal-ce
https://github.com/drunomics/lupus-decoupled-nuxt-demo

Last synced: about 1 month ago
JSON representation

Demo Nuxt.js setup using https://github.com/drunomics/nuxtjs-drupal-ce

• Host: GitHub
• URL: https://github.com/drunomics/lupus-decoupled-nuxt-demo
• Owner: drunomics
• Created: 2022-09-22T07:58:12.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-01T05:41:53.000Z (2 months ago)
• Last Synced: 2024-11-01T06:26:10.157Z (2 months ago)
• Language: Vue
• Homepage: https://stackblitz.com/edit/nuxt-starter-wuxxcy?file=README.md
• Size: 546 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Lupus Decoupled Nuxt.js Demo

A demo setup for testing https://www.drupal.org/project/lupus_decoupled

## Overview

This is simply a new nuxt (v2) project with https://github.com/drunomics/nuxtjs-drupal-ce installed and configured.

## Try it 

* [Launch it on Gitpod](https://gitpod.io/#DP_PROJECT_NAME=lupus_decoupled,DP_ISSUE_BRANCH=1.x,DP_PROJECT_TYPE=project_module,DP_MODULE_VERSION=1.x,DP_CORE_VERSION=10.0.0,DP_PATCH_FILE=,DP_INSTALL_PROFILE=standard/https://github.com/drunomics/lupus-decoupled-project) - together with a Drupal backend! This is a fully working setup and does not require any manual setup!

* [Launch it on StackBlitz](https://stackblitz.com/edit/nuxt-starter-wuxxcy?file=README.md)

  

* Or clone the repo and launch it locally.

## Manual setup steps

For stackblitz or local setup you'll get some network error until base URLs are set right. To do so:

1. Set the Drupal base URL in `nuxt.config.js` and append the API-prefix /ce-api, e.g. `https://8080-shaal-drupalpod-8m3z0ms7mb6.ws-eu67.gitpod.io/ce-api`

   When using a Drupal gitpod/DrupalPod as a backend, make sure to set your environment to "Shared" via the workspace options menu, as found in the dashhboard at https://gitpod.io. That way the frontend can connect to it.

3. Set the frontend base URL in Drupal at `/admin/config/system/lupus-decoupled/settings`, e.g. `https://nuxt-starter-wuxxcy--3000.local-corp.webcontainer.io`

4. Test it. Best add some content nodes and some menu-items pointing to them. /node/1 of the backend is available under /node/1 in the frontend. You should see some naked frontend with menus, breadcrumbs & basic node-content (body field) working.

## Development

 * Clone the repo

 * Run:

 

        npm install

        npm run dev

      

      

 ## Documentation

 

  Check out the [nuxt docs](https://nuxtjs.org/docs/) to get started, e.g. [Commands and Deployment](https://nuxtjs.org/docs/get-started/commands)