Todo

• Rewrite/streamline publish.yml
• Include details/images to prepare ENV in README

Rename .env.example to .env

NOTION_TOKEN=               # <from notion>
NOTION_DATABASE_ID=         # <from notion, add database connections, read access>
CLOUDINARY_URL=             # <from cloudinary>
CLOUDINARY_UPLOAD_FOLDER=   # <create a cloudinary folder> e.g. site
CLOUDFLARE_API_TOKEN=       # <from cloudflare>
CLOUDFLARE_ACCOUNT_ID=      # <from cloudflare>
FOLDER_NAME=                # blog
DESIGN_REPO_NAME=           # astro-blog
PULL_ASTRO_REPO=            # <design repo token required if design repo is PRIVATE>

Install and run

npm install
npm run dev

File structure

.
├── .               # README.md, pkg.json, etc
├── blog            # FOLDER_NAME .env
│   └── post.mdx    # Markdown files
├── packages
│   └── savenotion
│       ├── queryDatabase.js
│       ├── queryPage.js
│       └── retrievePage.js
└── scripts
    ├── index.mjs
    ├── frontmatter.mjs
    ├── rename.mjs
    └── setSecrets.mjs

Workflows

---
title: GH Actions
---
graph LR
    Start(( ))
    Start--Webhook-->Notion

    subgraph Notion.yml
        Notion[(Notion)]
        GH[(Github)]
        CL[(Cloudinary)]
        Notion--Images-->CL
        Notion--Markdown-->GH
    end
        
    GH--Webhook-->Astro
    
    subgraph Publish.yml
        Astro(Build frontend)
        CloudFlare[(CloudFlare)]
        Astro--Astro-Pages\nAdapter-->CloudFlare
    end

    End((( )))
    CloudFlare-->End

Loading

Verbose

1. Create .env - Github repository secrets
2. Upload images from Notion - Cloudinary
3. Download .mdx - Notion
4. Parse YAML frontmatter on .mdx
5. Upload .mdx - Github
6. Trigger publish workflow
7. Checkout .mdx repository
8. Checkout Astro repository
9. Rename .mdx
10. Push to Cloudflare Pages