Skip to content

TYPO3-Headless/pwa-demo

Repository files navigation

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

video still

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
  1. Start the DDEV Docker containers
ddev start
  1. 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