Show HN: Pages CMS – A CMS for GitHub(pagescms.org)

  import { MdxLayout } from "components/mdx-layout.tsx";
  
  export const meta = {
    slug: "all-time-high",
    publishedAt: "2022-09-16T10:00:00.000Z",
    title: "All time high",
    headerImage: "https://june-changelog.s3.eu-central-1.amazonaws.com/changelog_ath_cd256d0719.png",
    authors: [
    (...)

  What's the "Pro" plan?
  
  I haven't completely figured it out, but there are a few features I'm working on that I believe would only be relevant to larger teams or professional use. Things like real-time collaboration, advanced media management (e.g., image manipulation), or S3 integration. This not only requires a lot more work but also hosting costs. If you're interested, drop me a line: [email protected] (@hunvreus).

  Why do you need full access to all of my GitHub repositories?
  
  Well, the GitHub API kinda sucks when it comes to OAuth scoping. Pages CMS relies on the OAuth App flow, which doesn't allow for granular permissions. The alternative would be to use the GitHub App flow instead, but:
  
  It's a lot more complicated and would require us to store and orchestrate a lot more in the backend.
  
  Since we need to impersonate users (for things like commits), we anyway need to request user tokens, which technically would give us the same access as with the OAuth App flow.
  
  However, we do not store your GitHub OAuth tokens in the backend. The serverless functions used to facilitate the OAuth login pass the OAuth token to the front-end, allowing it to directly communicate with the GitHub API.
  
  And if you still don't trust the online version, you can deploy your own version for free in less than 10 minutes our Cloudflare Pages.
  
  Do let me know if I got some of this wrong (@hunvreus), and feel free to suggest improvements in the issue queue.

  media:
    input: posts
    output: /posts
    categories: [ image ]
  content:
    - name: posts
      label: posts
      type: collection
      path: posts
      fields:
        - { name: title, label: Title, type: string }
        - { name: body, label: Body, type: rich-text }