DEV Community

Cover image for Looking for a WordPress alternative? React Bricks is a great CMS.
Hitesh Nalamwar
Hitesh Nalamwar

Posted on • Updated on

Looking for a WordPress alternative? React Bricks is a great CMS.

Why you should replace your Wordpress sites with React Bricks?

  1. Wordpress never meant to be CMS it’s an blogging platform.
  2. After using Wordpress for several websites, I have notices lot of issues specially in terms of security untrusted plugins, shared hosting ( even if some of the sites get infected in shared your sites have chances to get infected) resulting into blacklist into your domain, banned from Facebook and google accounts if using similar domain)
  3. Frequent updates with not backward compatibility.
  4. Wordpress is super slow and poor in SEO
  5. No support for A/B testing
  6. In-built Version management
  7. No Framework or theme locking

After waiting for years, I have come across React Bricks, the first headless CMS for content creators with true visual editing similar to WordPress but made with React. It is ideal for simple sites with a few static pages.You don't need to load heavy WordPress plugins and can instead use react animation libraries like Framer instead of heavy and paid WordPress plugins.

If you're looking for an e-commerce solution, For e-commerce, you can use Gatsby and Shopify, and for CMS, you can use React Bricks. There are published demo sites on Gatsby and Shopify with 10,000 products, and it works very smoothly and quickly compared to Woocommerce and WordPress.

Installation of React Bricks is pretty straight forward. But make sure you do create the account on react bricks before continue with the follow steps:

Step 1: Signup for React Bricks account
https://reactbricks.com/sign-up

Step 2: Go to terminal, execute the create brick app command

npx create-reactbricks-app
or
yarn create-reactbricks-app
Enter fullscreen mode Exit fullscreen mode

To proceed with the installation, please press Y to install the required packages.

Image description

Step 3: Please enter the account credentials that you used to signup for the react brick account.

Image description

After successful authentication, Choose to create a new app

Image description

Select a Project type to proceed with, react bricks give you a sample project to start with

Image description

Step 4:
After you run dev, the app will work locally at http://localhost:3000

npm dev
or
yarn dev
Enter fullscreen mode Exit fullscreen mode

/admin will give you access admin panel that similar to Wordpress admin panel.

Overall, with React Bricks, content editors have an easy user interface to make edits without sacrificing pixel-perfect design. The developers have full control over the code to define visually editable content blocks using React.

πŸ“– Documentation:
Please, read the Documentation at React Bricks.
https://docs.reactbricks.com/

Also Please Read How to Deploy your Project on Vercel
https://vercel.com/

Top comments (5)

Collapse
 
jluterek profile image
James Luterek

This looks really good. I wish we had more options like this outside of ReactJS. VueJS ans Svelte are just so much better than React, I'll never understand how React became the leader in the space.

Collapse
 
blindfish3 profile image
Ben Calder

You could look at storyblok.com/
It's a truly headless CMS - i.e. it delivers content data that can be rendered by any front-end or mobile app.

I'm using it on a Sveltekit project. From a technical perspective it's been pretty easy to integrate; but I still have some concerns over the editor interface. It can deliver WYSIWYG; but I have been wondering how well it will scale to support many editors on a large enterprise i18n site. Time will tell...

Collapse
 
hiteshnalamwar profile image
Hitesh Nalamwar

Thanks will check out this). There is another one called Sanity.io
Try to explore that one)

Collapse
 
hiteshnalamwar profile image
Hitesh Nalamwar

First, it is made by FB, a lot of tutorials are available, easy to learn, and a lot of people promote it.
I have just started with VueJS for one of my projects after this I will have more pointers to compare both)

Collapse
 
amirsohail2611 profile image
Amir Sohail

sanity.io ? is this the other option ?