admin-static

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:

  1. 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.

  2. Install dependencies using the command npm i.

  3. Add a line to the .env file that points to the deployed cfghserver instance:

VITE_GITHUB_BACKEND=https://mycfghserver.gummicube.workers.dev
  1. Test the project locally using the command npm start.

  2. 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.