drupal-decoupled-app

(★ 311)

Decoupled Drupal demo application based on React, GraphQL and Apollo including server-side rendering.

File Explorer

Download Latest Version (.zip)

- - nginx-drupal-cors.conf
- - aliases.drushrc.php
  - drushrc.php
  - policy.drush.inc
  - README.md
- - .csslintrc
  - .editorconfig
  - .eslintignore
  - .eslintrc
  - .eslintrc.json
  - .gitattributes
  - .htaccess
  - autoload.php
  - humans.txt
  - index.php
  - robots.txt
  - update.php
  - web.config
- .dockerignore
- .gitignore
- composer.json
- composer.lock
- Dockerfile.cli
- Dockerfile.nginx
- Dockerfile.php
- - introspect.js
- - index.ts
  - routes.ts
  - tsconfig.json
- - dummy.test.ts
  - tsconfig.json
- - assets.d.ts
  - globals.d.ts
  - gql.d.ts
  - styles.d.ts
- .env.defaults
- .gitignore
- .nvmrc
- .stylelintrc
- Dockerfile
- introspection.json
- next.config.dist.js
- next.config.js
- nodemon.json
- package.json
- tsconfig.json
- tslint.json
- yarn.lock
.dockerignore
.gitignore
.lagoon.yml
docker-compose.yml
LICENSE.md
README.md

# Installation Guide

1. Get the code

git clone https://github.com/drupal-graphql/drupal-decoupled-app

Downloads the entire project code from GitHub to your computer.

cd drupal-decoupled-app

Moves into the project folder you just downloaded.

2. Docker

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Docker Desktop Needed to build and run containers. Install it and keep it running in the background.

docker-compose build

Runs the command against the services defined in the compose file.

docker-compose up -d

Runs the command against the services defined in the compose file.

docker-compose exec cli bash

Runs the command against the services defined in the compose file.

✅ Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.

Pulled directly from this repo's README.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

cd frontend

This project's files live in a subfolder, so move into it first.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

4. PHP (Composer)

Easy

Prerequisites

Git Needed to download the project code from GitHub.
PHP A PHP runtime is required.
Composer The package manager used to install PHP libraries.

composer install

Installs the PHP libraries listed in composer.json.

✅ Run it with a built-in server like php -S localhost:8000, then open http://localhost:8000 in your browser.

Pulled directly from this repo's README.