https://github.com/icyjoseph/layout-builder

Layout builder - CMS
https://github.com/icyjoseph/layout-builder

cms nextjs playroom react react-cms rebass

Last synced: 17 days ago
JSON representation

Layout builder - CMS

• Host: GitHub
• URL: https://github.com/icyjoseph/layout-builder
• Owner: icyJoseph
• Created: 2020-03-20T15:50:01.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-10-25T09:33:47.000Z (over 1 year ago)
• Last Synced: 2024-11-21T00:55:01.155Z (3 months ago)
• Topics: cms, nextjs, playroom, react, react-cms, rebass
• Language: JavaScript
• Homepage:
• Size: 792 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Layout Builder

## Concept

Combining `Nextjs`, `react-jsx-parser`, `playroom` and `rebass` this project aims to create a CMS based on `JSX`.

Using higher order components which know which data to fetch and keeping props to a minimum, one can build a

layout on `playroom` coding direclty into a web browser. `playroom` shows how the layout looks across different 

screen widths. 

One the content looks good enough one can copy the `playroom` result into a template, which is used by the `JSXParser`, 

to render, in this case, a `SSR` `react` app.

`rebass` is used as the building block for styling. For data fetching `swr` (`useSWR`) is used, in conjuction with `axios`.

Summary of buzzwords:

- `playroom`

- `nextjs`

- `react-jsx-parser`

- `rebass`

- `axios`

- `swr`

- `react`