https://github.com/icyjoseph/layout-builder
Layout builder - CMS
https://github.com/icyjoseph/layout-builder
cms nextjs playroom react react-cms rebass
Last synced: about 2 months ago
JSON representation
Layout builder - CMS
- Host: GitHub
- URL: https://github.com/icyjoseph/layout-builder
- Owner: icyJoseph
- Created: 2020-03-20T15:50:01.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-10-25T09:33:47.000Z (over 2 years ago)
- Last Synced: 2025-01-21T19:41:46.419Z (over 1 year 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`