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
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
Get started by setting up the developer environment.
Dive deeper
For documentation beyond the tutorial, visit the Appendix section.
Issues?
Questions, bug reports or suggestions are welcome!
-
Known bugs we’re working on - and a few workarounds