React4XP - Server Side React sites on Enonic

Contents

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

tl;dr Skip directly to the end of the tutorial by trying out a demo instead.

Introduction

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

React4XP extends the Enonic JS framework by adding support for advanced use of Server-Side React - similar to how frameworks like Next.js work.

  • 100% TSX/JSX rendering - Single React app

  • Works with CMS Schemas in other apps as well as inline

  • Isomorphic server side and client side rendering through hydration

  • Supports Enonic page templates and components

  • Fast and continuous builds

  • Optimized builds and static asset handling

  • Flexible enough to cover advanced use cases

Get started

screenshot

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

For documentation beyond the tutorial, visit the Appendix section.

Issues?

Questions, bug reports or suggestions are welcome!


Contents

Contents

AI-powered search

Juke AI