Introducing

plone-remix

Nicola Zambello

Frontend Developer @ RawMaterial

Plone Foundation member

Volto team

@nicolazambello

nzambello

What is Remix

  • Based on react-router
  • Everything is a form
  • #usetheplatform

Full-stack JavaScript Web Framework

https://remix.run

Why plone-remix?

  • Performances
  • SSR-first with partial hydration
  • I need something lightweight
  • Projects from blank page

Volto demo:

Volto demo:

What plone-remix is

  • Plone frontend
  • TypeScript
  • CSS framework agnostic
  • Volto blocks rendering
  • Project template

What I've done

  • Catch-all route for contents
  • i18n and multilingual handling
  • RenderBlocks from Volto (in TS)
  • Blocks views from Volto (in TS)

Plone REST API Client

github.com/collective/plone-restapi-client

"Show me the code!"

https://github.com/nzambello/plone-remix
https://github.com/nzambello/plone-remix-demo

Online demo

https://plone-remix-demo.pages.dev/

plone-remix demo:

Ciao!

Slides
nzambello/plone-remix