Play online

About GitHub Codespaces

GitHub Codespaces is a cloud-based development environment integrated with GitHub, allowing you to develop directly within your browser. It offers a free tier with a set number of usage hours per month, enabling you to explore projects like Lupus Decoupled Drupal without local setup.

Github Codespaces provides 120 hours and 15 GB/month storage for free, so you can just log into GitHub and give it a try!

Quick Start with Preconfigured Codespaces

Choose one of the following preconfigured development environments based on your needs (clicking on a link launches that Codespace):

• Standard Environment (Drupal 11 + Nuxt3 Naked)
• Drupal 11 + Nuxt3 Shadcn Demo
• Drupal 11 + Next.js Demo

How to Use It?

1. Click on the link for your desired configuration.
2. GitHub will automatically create a new Codespace with the selected setup.
3. Wait for the container to initialize—this may take a few minutes.
4. Once ready, the development environment is fully set up and running in your browser.
5. In the ports tab there are links to the running services.
   • Frontend is available by clicking the link next to port 3000.
   • Backend is at port 80. By default it redirects to frontend. To prevent redirect visit the /user/login path of backend URL.

The environment may take a few minutes to initialize. Once it's ready, you can add content nodes and menu items to explore its functionality. For further guidance, refer to the repository's README file. By utilizing GitHub Codespaces, you can efficiently explore and develop with Lupus Decoupled Drupal without the need for local installations.

What’s Included in the Setup?

A fully configured development container with all dependencies. Automatic port forwarding for running services. Preloaded DDEV setup for Drupal development.