Framer

設定時間の目安：4分

準備

FramerプロジェクトのSite SettingsとAPIキー作成権限。
手動で投稿を追加できるCollection。外部サービスから自動同期するCollectionは不可。
タイトル用Stringと本文用Formatted Text。

APIキーとプロジェクトを接続する

FramerのSite Settings → General → Server API / API keysでSurpassoというキーを作り、Surpassoだけへ貼り付けます。エディターURLをコピーし、SurpassoのIntegrations → FramerへURLとServer API keyを入力してCollectionへ進むを選びます。公開ドメインではなくhttps://framer.com/projects/...のエディターURLを使います。

フィールドを対応させる

ブログCollectionを選び、TitleをString、BodyをFormatted Textへ対応させます。要約、アイキャッチ、SEOタイトル・説明、著者は任意です。確認はプロジェクト、Collection、フィールドを読むだけで項目や公開サイトを作りません。

Framerで確認・公開する

Content Calendarからサイト下書きを送り、FramerのCollectionとページプレビューを確認します。準備後FramerでプロジェクトをPublishします。Surpassoで編集後は再送し、更新下書きを確認してFramerで再公開します。

同じ記事の再送は同じ項目を更新します。プロジェクト公開はチームの他の変更も公開する可能性があるため確認してください。Framer側の直接編集はSurpassoへ戻らず上書きされる場合があります。削除はFramerで行います。

Collectionまたはフィールドが選べない

キーとエディターURLが同じプロジェクトか確認します。Collectionは外部同期ではなくプロジェクト所有で編集可能である必要があります。TitleはString、BodyはFormatted Textを使い、無効になったキーは作り直します。

任意フィールドの型

Summary、SEO title、SEO description、AuthorはString、Featured imageはImageです。存在しない項目は対応させません。