y 松本 侑真

How this works

Shorts のしくみ

この個人サイトは SSR サーバを持たない純静的サイト ですが、スマホから短い投稿(short)をその場で公開できます。バックエンドは Cloudflare Pages Functions が1つだけ。仕組みはシンプルです。

  1. 01

    スマホで書く

    ホーム画面に追加した /shorts/new を開き、本文を Markdown で書く。コードブロックやリンクの挿入ツールバー付き。

  2. 02

    GitHub に commit

    「投稿」を押すと Cloudflare Pages Functions が frontmatter を自動生成し、GitHub に .md を1件コミットする。

  3. 03

    自動ビルド

    push を検知して Cloudflare が静的サイトを再ビルド。SSR サーバは持たず、あくまで純静的サイトのまま。

  4. 04

    数分で公開

    /blog/shorts に反映される。編集・削除も同じ画面から。全部モバイルで完結する。

セキュリティ

投稿画面は誰でも開けて、フォームも試せます。ただし実際の書き込み (投稿・編集・削除)を行う API は Cloudflare Access で保護されていて、管理者(Yuuma Matsumoto)だけが成功します。未認証の書き込みは エッジで弾かれ、サーバには届きません。