FREE Workshop on December 5th »

How-To Guides

Create a custom brick
Visually editable Text
Visually editable Image
Visually editable Rich Text
Customize Rich Text Styles
Use Links in bricks
Add Sidebar Controls
Add Preview Image and Tags
Turn existing components to Bricks
Validate sidebar controls values
Nested Bricks with Repeaters
Let users upload files

Know if you are in Admin or Frontend
Sidebar controls in-depth: Text, Textarea, Date, Boolean, Number, Range
Sidebar controls in-depth: Select and Autocomplete
Sidebar controls in-depth: Image and Icon Selector
Sidebar controls in-depth: Relationship
Sidebar controls in-depth: Custom component

Create Page Types
Page Templates
Custom Fields
Page Meta and Schema.org
Fetch pages by type

Stories
Embed pages (by reference)
Manage Header and Footer

Fetch external data in bricks
Fetch external data in pages

Invite users
Standard user roles
Custom roles and Permissions
Lock pages and blocks
Deploy a React Bricks website

Configuration and feature flags
Custom RichText plugins
Custom Visual editing components

Digital Assets Management (DAM)
Image optimization
Localization
Real-time Collaboration
Schedule publishing
Advanced SEO
Approval Workflows
SAML Single Sign-On (SSO)
Content environments
Change history (content versioning)
Backup and Restore (also off-site)
Custom CDN Domain
Build Hooks and Audit Logs

All the features

Create a custom brick
Visually editable Text
Visually editable Image
Visually editable Rich Text
Customize Rich Text Styles
Use Links in bricks
Add Sidebar Controls
Add Preview Image and Tags
Turn existing components to Bricks
Validate sidebar controls values
Nested Bricks with Repeaters
Let users upload files

Create Bricks - In depth

Know if you are in Admin or Frontend
Sidebar controls in-depth: Text, Textarea, Date, Boolean, Number, Range
Sidebar controls in-depth: Select and Autocomplete
Sidebar controls in-depth: Image and Icon Selector
Sidebar controls in-depth: Relationship
Sidebar controls in-depth: Custom component

Create Page Types
Page Templates
Custom Fields
Page Meta and Schema.org
Fetch pages by type

Reuse content across pages

Stories
Embed pages (by reference)
Manage Header and Footer

Integrate external data

Fetch external data in bricks
Fetch external data in pages

Users, Permissions, Deployment

Invite users
Standard user roles
Custom roles and Permissions
Lock pages and blocks
Deploy a React Bricks website

Customize React Bricks

Configuration and feature flags
Custom RichText plugins
Custom Visual editing components

CMS Capabilities

Digital Assets Management (DAM)
Image optimization
Localization
Real-time Collaboration
Schedule publishing
Advanced SEO
Approval Workflows
SAML Single Sign-On (SSO)
Content environments
Change history (content versioning)
Backup and Restore (also off-site)
Custom CDN Domain
Build Hooks and Audit Logs

How to add Your Company Logo

Video Guide

Coming soon

Let's personalize the React Bricks Content Editor by adding your company logo.

The process is straightforward: just copy your logo's URL and paste it into the React Bricks configuration.

config.tsx

const config: types.ReactBricksConfig = {
  ...
  logo: 'https://your-company.com/assets/logo.svg',
  ...
}

Voilà! The platform will now feel like home for you and your content editors.