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:

• TYPO3 Headless
• TYPO3 Headless News
• Nuxt TYPO3
• Nuxt TYPO3 Starter

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

1. Clone the repository and navigate to the repository folder

git clone https://github.com/TYPO3-Headless/pwa-demo.git
cd pwa-demo

2. Start the DDEV Docker containers

ddev start

3. Launch the frontend application by entering the following command

ddev pwa-front start

You can access application in your browser, using following links:

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