https://github.com/drunomics/lupus-decoupled-nuxt-demo
Demo Nuxt (v2) setup - LEGACY
https://github.com/drunomics/lupus-decoupled-nuxt-demo
lupus-decoupled
Last synced: 11 months ago
JSON representation
Demo Nuxt (v2) setup - LEGACY
- Host: GitHub
- URL: https://github.com/drunomics/lupus-decoupled-nuxt-demo
- Owner: drunomics
- Created: 2022-09-22T07:58:12.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-06-14T23:52:08.000Z (12 months ago)
- Last Synced: 2025-06-22T03:56:52.008Z (12 months ago)
- Topics: lupus-decoupled
- Language: Vue
- Homepage:
- Size: 442 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)