Play online
About GitHub Codespaces
GitHub Codespaces is a cloud-based development environment integrated with GitHub, allowing you to develop directly within your browser. Github Codespaces provides 120 hours and 15 GB/month storage for free! This allows you to explore Lupus Decoupled Drupal without a local setup.
Quick Start with Preconfigured Codespaces
Choose one of the following preconfigured development environments based on your needs (clicking on a link launches that Codespace):
- Drupal 11 + Nuxt Naked Starter
- Drupal 11 + Nuxt with shadcn/ui components
- Drupal 11 + Next.js frontend
How to Use It?
- Click on the link for your desired configuration.
- GitHub will automatically create a new Codespace with the selected setup.
- Wait for the container to initialize—this may take a few minutes.
- Once ready, the development environment is fully set up and running in your browser.
- In the
portstab 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 you are up and running, try adding some content nodes and menu items to see it working . Then continue with your first steps
What’s Included in the Setup?
- A fully configured development container, with both Drupal and a frontend.
- Automatic port forwarding for running services.
- Development setup based upon ddev.
How it works
In short, Lupus Decoupled Drupal bridges the gap between your Drupal backend and modern frontend frameworks, giving you the flexibility to leverage the power of Drupal while using a modern framework for rendering. It does that by providing an API for fetching page-data from Drupal, utilizing custom elements to compose pages from high-level components.
Create a new project