ddev + Gitpod
Set up a full Drupal dev environment in a browser
This project demonstrates a complete Drupal 9 development environment, utilizing ddev and Gitpod, through your browser.
Video Demo
Watch a 5 minutes walkthrough video:
Prerequisites:
- Sign up for gitpod.io
Try it out:
- Click on the following link
https://gitpod.io/#https://github.com/shaal/ddev-gitpod
- Your environment is being prepared, wait about 40 seconds (A splash screen will appear)
- VScode IDE will be displayed, a few seconds later you will see Umami demo.
- Run in terminal
ddev xdebug on
- Open VScode's debugger, place a new breakpoint in
web/index.php
- Open your website's URL in a browser.
- 🎉
Do you like PhpStorm instead of Theia or VScode?
- Open a bash window at the bottom
.ddev/run-phpstorm.sh
How does it work?
- Gitpod - development environment based on Docker
-
.gitpod.yml
- Defines the main docker image this environment is built on -
.gitpod.Dockerfile
- Run prebuild commands:
- Start ddev
- Run
composer install
- Install Umami demo website
-
.gitpod.Dockerfile
- Set base image to Gitpod's
workspace-full
(link)
- Install ddev using brew
- ddev - ridiculously simple setup for complex development environments, allows developers working locally or working with Gitpod in the cloud.
-
.ddev/config.yaml - main ddev (default) configuration, can be generated by running
ddev config
Thank you
@rfay for your endless patience and relentless support that made this project possible.
Persistent Storage:
- Gitpod backs up the state of the
/workspace/
folder between workspace starts, so that you can revisit them later. Attention: Files in other locations will not be saved!
- Additional Storage Solutions