TYPO3 Headless & PWA Demo Distribution
This setup enables quick exploration of a PWA (Progressive Web App) solution for TYPO3.
It includes a Docker/DDEV local environment, preconfigured with TYPO3 and a JavaScript demo application.
The solution is built upon several key TYPO3 initiatives:
How to start with TYPO3 Headless video tutorial
Requirements
Ensure you have DDEV version v1.12.7 or newer.
We recommend using Unix-like operating systems, such as Linux or macOS, due to several issues reported with WSL2 usage.
Installation
- Clone the repository and navigate to the repository folder
git clone https://github.com/TYPO3-Headless/pwa-demo.git
cd pwa-demo
- Start the DDEV Docker containers
ddev start
- Launch the frontend application by entering the following command
ddev pwa-front start
You can access application in your browser, using following links:
| Application | URL | Credentials |
|---|---|---|
| Frontend | https://pwa-demo.ddev.site | |
| TYPO3 backend | https://api.pwa-demo.ddev.site/typo3 | admin:password |
Development
Active development of this extension is a part of the TYPO3 PWA initiative. For more information, visit the TYPO3 PWA Initiative.
Front-end exploration
To initiate Nuxt in development mode, execute:
ddev pwa-front dev
How to reimport database?
Occasionally, the database for the pwa-demo project is updated. If you want to update your database, execute the following command in your project root:
ddev import-db --file ./data/db.sql.gz