DDEV development server 

This page adds a DDEV sidecar to the installation in Installation. The site, database, site configuration, Composer, Node.js in DDEV's web container, and a working sitepackage must already be in place. Use the same package manager and lockfile the project already uses.

Install the ddev-vite-sidecar add-on once. Choose the project's package manager when prompted. The add-on get command needs DDEV 1.23.5 or later; older releases use ddev get.

ddev add-on get s2b/ddev-vite-sidecar
ddev restart
ddev vite --help
Copied!

The sidecar exposes the Vite server at https://vite.<project>.ddev.site. Its generated .ddev/config.vite.yaml holds VITE_SERVER_URI, which the asset collector detects in TYPO3's Development context.

Run the package installation commands from Vite and asset delivery with ddev exec when Node.js lives only in the web container. Likewise, use ddev composer for the Composer commands in Install the extension and asset dependencies. Follow Vite and asset delivery and Connect the build to TYPO3 for the shared build and TYPO3 setup; no DDEV-specific manifest configuration is needed.

ddev vite
ddev vite build
Copied!

The first command runs the development server. The second creates production assets after the server has stopped. Finish with Verify development and production delivery.