Prosefly

ウェブサイトのコンテンツを、どう編集するか。

ファイルを Git に置くかどうかだけでなく、下書きの保存先、編集のしかた、公開時の動作も大切です。

まずは、この3つから。

ウェブサイトはファイルからビルドしますか、API からコンテンツを取得しますか?

ファイルベースのサイトなら、下記の4つの Git エディターを比較しましょう。アプリや複数の配信先に API でコンテンツを届ける必要があるなら、Sanity や Payload も検討できます。

作業中の内容は、どこに置きますか?

保存時に Git がどう変わるか、下書きを誰が見られるか、レビューから公開へどう進むかを比較しましょう。実際の下書きを同僚と編集してから決めるのがおすすめです。

編集するのは文書ですか、表示中のウェブサイトですか?

自分の MDX コンポーネント、frontmatter、画像で試してみましょう。文書の編集機能、設定した管理画面、サイトのプレビューと連動する編集のどれが合うか判断できます。

ドキュメントの構造が分かるビジュアルエディター。

Markdown・MDX のビジュアル編集に加えて、Starlight、Fumadocs、Prosefly コンポーネントに個別対応。同じエディターで、対応するドキュメント用ブロックを扱えます。

  • Starlight

    注意書き、タブ、カード、ファイルツリーを編集。Starlight のコンポーネント構文と Expressive Code のメタデータに対応します。

  • Fumadocs

    Fumadocs のコンポーネント構文と対応するプロパティで、コールアウト、タブ、ステップ、アコーディオンを編集。

  • Prosefly コンポーネント

    Lotus と Dahlia で使われる @prosefly/astro-components のコールアウト、タブ、カード、アコーディオンを編集。

対応範囲はコレクションのエディタープロファイルと、認識できる構文によって異なります。独自のコンポーネントや未対応の式はソースで編集でき、リポジトリのコードは実行しません。

ビジュアル編集を見る

今のウェブサイトに、書く場所を。

リポジトリを接続して、ご自身のコンテンツで一連の操作を試せます。