React4XP - React sites with the Enonic framework
Contents
Build, deploy and run server-side rendered React websites with Enonic.
What is React4XP
React4XP is designed for React devs looking to use Enonic’s JS framework and natively, rather than introducing a 3rd party front-end framework like Next.js in the stack.
-
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
Tutorial
tl;dr Try the React4XP demo instead. |
In this tutorial you 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
-
Use page templates
Get started by setting up the developer environment.
Dive deeper
Beyond the tutorial, visit the Appendix section.
Get in touch!
Questions, bug reports or suggestions are welcome!