Introduction
This is an example project that uses vite (opens in a new tab) & react (opens in a new tab) with the UI in tailwind (opens in a new tab)/flowbite (opens in a new tab).
The project aims to provide a central content management system (CMS) admin for multiple slimplate (opens in a new tab) sites that you have on GitHub. The project allows you to keep your content on GitHub and edit it without requiring a server-side component, except for a Cross-Origin Resource Sharing (CORS) proxy, which is necessary.
Setup
To set up the project, follow these steps:
-
Deploy cfghserver (opens in a new tab) on cloudflare, or similar to this (opens in a new tab) on vercel. Refer to the README file for instructions on how to set it up. This will handle GitHub authentication and provide a CORS proxy.
-
Install dependencies using the command
npm i
. -
Add a line to the
.env
file that points to the deployed cfghserver instance:
VITE_GITHUB_BACKEND=https://mycfghserver.gummicube.workers.dev
-
Test the project locally using the command
npm start
. -
Deploy the project using the command
npm run deploy
.
By following these steps, you will have set up the project and be ready to use it as a central CMS admin for your GitHub-hosted slimplate sites.