Example Inertia + ProcessWire + Svelte + Laravel Mix

This is a sample project that implements:

ProcessWire
InertiaJS
Svelte
Laravel Mix
ProcessWire’s Inertia Adapter Module

Makefile

# Installs the node_modules. Requires npm >=12
i install:
	npm install

# Compiles the resources/js files into public/js files
m mix:
	npm run dev

# Compiles the resources/js files into public/js files
# on every change
w watch:
	npm run watch

# Backups database
b backup:
	php site/tools/database-backup.php

webpack.mix.js

The webpack.mix.js was modified in order to generate a site/templates/_mix.php file that will contain the values of mix-manifest.json.

Modify processwire.mix.js to your needs.

ProcessWire Installation

Copy the files to your webserver.
Ensure that .htaccess file exists at root level (index.php).
Install database with sql file found at site/assets/backups/database/pw_inertia.sql
Configure site/config.php.

Administration Panel

Admin URL: /admin
Admin User: admin
Admin Password: adminpw

Useful links

https://github.com/mrjgreen/phroute
https://mauricius.dev/manage-content-in-a-processwire-website-using-telegram/

Credits

Made with ♥ by Ninjas.cl.