Jump to content

Inertia Adapter


clsource
 Share

Recommended Posts

Inertia Adapter ProcessWire Module

Hello! Long time no see.
I created this module so you can use Inertia.js (https://inertiajs.com/) with ProcessWire.

Description

Inertia allows you to create fully client-side rendered, single-page apps, without much of the complexity that comes with modern SPAs. It does this by leveraging existing server-side frameworks.

Inertia isn’t a framework, nor is it a replacement to your existing server-side or client-side frameworks. Rather, it’s designed to work with them. Think of Inertia as glue that connects the two. Inertia comes with three official client-side adapters (React, Vue, and Svelte).

This is an adapter for ProcessWire. Inertia replaces PHP views altogether by returning JavaScript components from controller actions. Those components can be built with your frontend framework of choice.

Links

- https://github.com/joyofpw/inertia
- https://github.com/joyofpw/inertia-svelte-mix-pw
- https://inertiajs.com/

Screenshots

imagen.png.47d9d533960b71cd02039bd48fba9916.png

imagen.png.cd3ed6667042a865e8cfbdddf87ec516.png

 

  • Like 20
  • Thanks 1
Link to comment
Share on other sites

On 7/12/2021 at 7:49 AM, Rudy said:

This is brilliant! Thanks for making it available.

I made a Manifest module for PW awhile ago and I thought that it would be related to this Inertia module since you are using Laravel Mix for your example. Here is the repo link: https://github.com/lesaff/processwire-manifest

Thanks, although my approach to the manifest was just reading the json file after webpack ends processing the files.
Then using the json create a new PHP file named templates/_mix.php that contains those values and helper functions.

The module approach is fine too 🙂

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...