Creating and managing landing pages with React and GrapesJS

… or how to configure GrapesJS to store and load your customer’s content…

Photo by Günter Hoffmann on Unsplash

Let’s imagine that one of your customers requests the ability to build their own pages within the application without relying on your assistance. Now, the question arises: is WordPress the suitable solution for this scenario? However, due to budget constraints, your customer cannot afford a WordPress integration with their current stack, which consists of a React desktop app with an Express backend connected to a MySQL database.

After conducting extensive web research and reading numerous articles, you come across GrapesJS. This page builder appears to be a user-friendly and easy-to-install tool that aligns perfectly with your customer’s requirements.

What you will find in this section:

1. Installation of GrapesJS: Step-by-step instructions on how to install GrapesJS, the chosen page builder.
2. GrapesJS block basis plugins: An exploration of the plugins provided by GrapesJS that serve as the foundation for building pages. The reasons behind selecting these specific plugins will be discussed.
3. RemoteStorage (DB) for saving and loading customer’s work: An overview of using RemoteStorage as the database solution for storing and…