Create a Visually Editable Next.js Website Using React Bricks, With Blog and E-commerce

The purpose of this workshop is to demonstrate how to build a visually readable Next.js website using the React Bricks library.

The workshop is led by Matteo Frana, the COO and lead Frontend developer at React Bricks.

React Bricks is a CMS with visual editing based on React components. It combines the benefits of visual editing and headless CMS.

The main components needed for React Bricks are a headless CMS, a visual editor, a frontend library to create code, and a product called Freedom.

React Bricks offers features like inline editing, the ability to use React and any CSS framework, flexible design systems, and the freedom to host the website on any platform.

Yes, React Bricks allows you to use custom fields and metafields to store additional information and use them within your bricks.

React Bricks supports internationalization by allowing you to add multiple languages and create translations for your content.

In React Bricks, you can reuse content using stories (cookie cutter method), page embeds (single source of truth), and multiple page viewers for common elements like headers and footers.

The future roadmap for React Bricks includes features like a media library, padding system, multiple content branches, workflow for publishing, and a marketplace for bricks.

To start a new React Bricks project, you can use the CLI command: `npx create-reactbricks-app@latest`. Follow the prompts to set up your project.