Typish LP（デモ）

Typish LP 実装例

Payload CMSのLanding Pagesコレクションを使い、写真・ロゴ・テキストを組み合わせた英語タイピングスクールのLPを実装しました。

構成のポイント

• ヒーロー画像に見出しコピー・CTAボタン・料金情報を重ねるレイアウトを、Payloadのフィールド構成のみ（カスタムコンポーネント不使用）で実現
• 画像はVercel Blobに保存し、Payloadのuploadフィールドでリレーションとして参照する構成
• レスポンシブ対応も含め、管理画面から画像・コピー・CTA文言を差し替えるだけで別ブランド・別業種のLPにも転用可能な型として設計

技術スタック

Payload CMS 3系 / Next.js / React 19 / Supabase（PostgreSQL） / Vercel / Vercel Blob

※本ページは架空の英語教室「Typish」を用いたPayload CMS実装デモです。実在の団体・教室とは一切関係ありません。