/react-rich-content

A frontend CMS solution that allows you to create beautiful, animated, and responsive pages easily and fast by supplying it a JavaScript object.

Primary LanguageTypeScriptMIT LicenseMIT

React Rich Content

Reach Rich Content is a front-end content management system (CMS) built with React, providing a easier interface for managing website pages, posts, and media. It is designed to be flexible and easily extensible, making it suitable for a variety of use cases.

You may pair this with a backeng CMS solution for the easiest and best experience.

Table of Contents

  1. Installation
  2. Usage
  3. Demo
  4. Built With
  5. Licence

Installation:

yarn add react-rich-content

Usage:

import { RichContent } from "react-rich-content";
...
return <RichContent
          data={[...]}
          backgroundColor="black"
          textColor="white"
        />

Data List

Rich Content works by getting a list of Rich Chunk javascript objects. Each Rich Chunk holds content such as text, image, or video, and information about how they are presented. Rich Content then reads the list and generates a jsx element for each item in the list.

Click Here to see the complete Rich Chunk model.

For an in-depth demonstration of Rich Content features, please visit this link:

🌐 vextra.vercel.app/portfolio/rich-content-handbook

Config Object

TODO !this part is not implemented in the code yet!

Demo

This library is used in the following project:

Built With

Licence

MIT License © Soheil Sisakht