React4XP - Server Side React with the Enonic Framework

Contents

Build, deploy and run server-side rendered React websites in an Enonic app.

tl;dr Try the React4XP demo instead.

What is React4XP

Basic React and Enonic knowledge is recommended before you dive into this tutorial.

React4XP extends Enonic’s JS framework by adding support for Server-Side React - similar to Next.js.

  • 100% TSX/JSX rendering - Single React app

  • Based on the Enonic React component NPM

  • Works with CMS Schemas across multiple namespaces/apps

  • Isomorphic server side and client side rendering through hydration

  • Supports Enonic page templates and components

  • Fast and continuous builds

  • Production builds and static asset handling

Get started

r4xp demo

In this tutorial youy will complete the following steps:

  • Set up the Enonic SDK and sample content

  • Create a new application based on the React4xp starter

  • Render content based on type

  • Render pages using different components

  • Create a page template

  • Deploy to live servers

Dive deeper

Beyond the tutorial, visit the Appendix section.


Contents

Contents

AI-powered search

Juke AI