ddev-gitpod - GitLite

KO | EN

gitlite — search

#javascript #ai #android #machine-learning #docker #macos #java #awesome #kubernetes #vue #awesome-list #pytorch #openai #open-source

ddev-gitpod

(★ 115)

A full Drupal dev environment in a browser

File Explorer

Download Latest Version (.zip)

- config.yaml
- docker-compose.network-mtu.yaml
- run-phpstorm.sh
- FUNDING.yml
- launch.json
- launch.json
- - development.services.yml
  - example.settings.local.php
  - example.sites.php
- .csslintrc
- .eslintignore
- .eslintrc.json
- .ht.router.php
- .htaccess
- autoload.php
- example.gitignore
- index.php
- INSTALL.txt
- robots.txt
- update.php
- web.config
.editorconfig
.gitattributes
.gitignore
.gitpod.yml
composer.json
composer.lock
LICENSE
README.md

# Installation Guide

1. Get the code

git clone https://github.com/shaal/ddev-gitpod

Downloads the entire project code from GitHub to your computer.

cd ddev-gitpod

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.

1. Defines the main docker image this environment is built on - `.gitpod.Dockerfile`

Type this command into your terminal and run it.

✅ 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. 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.

1. Run `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.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/shaal/ddev-gitpod)

# 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:

<a href="http://www.youtube.com/watch?v=ifk5dF6rGy0"><img src="https://user-images.githubusercontent.com/22901/107867673-c6fc7080-6e4a-11eb-81c9-542cd779026b.png" width=300 alt="Setup a full Drupal dev environment in a browser"></a>

## Prerequisites:
1. [Sign up for gitpod.io](https://gitpod.io/login)

## Try it out:
1. Click on the following link
  https://gitpod.io/#https://github.com/shaal/ddev-gitpod
1. Your environment is being prepared, wait about 40 seconds (A splash screen will appear)
1. VScode IDE will be displayed, a few seconds later you will see Umami demo.
1. Run in terminal `ddev xdebug on`
1. Open VScode's debugger, place a new breakpoint in `web/index.php`
1. Open your website's URL in a browser.
1. :tada:

## Do you like PhpStorm instead of Theia or VScode?
1. Open a bash window at the bottom
2. `.ddev/run-phpstorm.sh`

## How does it work?
1. Gitpod - development environment based on Docker
    1. [.gitpod.yml](https://github.com/shaal/ddev-gitpod/blob/main/.gitpod.yml)
        1. Defines the main docker image this environment is built on - `.gitpod.Dockerfile`
        1. Run prebuild commands:
            1. Start ddev
            1. Run `composer install`
            1. Install Umami demo website
    1. [.gitpod.Dockerfile](https://github.com/shaal/ddev-gitpod/blob/main/.gitpod.Dockerfile)
        1. Set base image to Gitpod's `workspace-full` ([link](https://github.com/gitpod-io/workspace-images/tree/master/full))
        1. Install ddev using brew
1. ddev - ridiculously simple setup for complex development environments, allows developers working locally or working with Gitpod in the cloud.
    1. [.ddev/config.yaml](https://github.com/shaal/ddev-gitpod/blob/main/.ddev/config.yaml) - main ddev (default) configuration, can be generated by running `ddev config`

## Thank you
[@rfay](https://github.com/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](https://www.gitpod.io/docs/self-hosted/latest/install/storage)