React Templates & Themes Logo React Templates & Themes
Pages Cms screenshot

Pages Cms

Author Avatar Theme by Pages cms
Updated: 22 May 2025
2479 Stars

The No-Hassle CMS for Static Sites Generators

Github Live Preview

Categories

Astro Docusaurus Eleventy Gatsby Hugo Jekyll Nextjs Vitepress Vue Vuepress Tailwind Drizzle orm

Overview:

Pages CMS is an Open Source Content Management System designed for static websites such as Jekyll, Next.js, VuePress, and Hugo. It enables users to manage website content directly on GitHub through an intuitive interface, making it easy to update and organize content seamlessly.

Features:

  • User-Friendly Interface: Edit website content directly on GitHub with simplicity.
  • Vue.js App: Built using Vue.js, providing a seamless user experience.
  • Serverless Functions: Utilizes serverless functions for handling GitHub login process efficiently.
  • Cloudflare Integration: Designed to be deployed with Cloudflare Pages for easy setup and management.
  • Configuration Options: Configure repositories and branches with a .pages.yml file for content structuring.

Installation:

To install Pages CMS locally, follow these steps:

  1. Install dependencies: Run npm install.
  2. Create a GitHub OAuth app: Set up a new OAuth App in Developer Settings with specific settings for the application.
  3. Set Environment Variables: Copy .dev.vars.example to .dev.vars and replace GITHUB_CLIENT_ID and GITHUB_CLIENT_SECRET with OAuth app values.
  4. Run the app: Execute npm run dev to run the app locally with Wrangler.
  5. Visit localhost:8788 to access the locally deployed Pages CMS.

To deploy Pages CMS on Cloudflare, you need:

  1. A Cloudflare account: Sign up for a free account if you don’t have one.
  2. Create a Cloudflare Pages app: Connect your GitHub account and select the repository to deploy the Pages CMS.
  3. Cloudflare will provide a public URL (e.g., https://pages-cms-123.pages.dev).
  4. Like the local installation, create a GitHub OAuth app following the same steps as for the local setup.

Summary:

Pages CMS offers a convenient solution for managing content on static websites directly through GitHub. By leveraging Vue.js and serverless functions, users can configure their repositories and branches effortlessly. Whether using the online version or deploying locally on Cloudflare, Pages CMS streamlines the content management process for static websites.