Jamstackサイトの複雑さの高まりとそれらの管理方法

ユーザーが生成したコンテンツまたは動的データを静的Webサイトに統合すると、構築の複雑さが大幅に向上し、モノリシックCMSプラットフォームの課題を反映する可能性があります。この記事では、多数のサードパーティサービスに頼らずに、動的なコンテンツで静的サイトを豊かにする方法について説明します。

静的サイトジェネレーター（SSG）は、軽量の性質、高い構成性、速度、使いやすさ、幅広い展開オプションのため、WordPressのような従来のCMSよりも好まれています。静的なWebサイトは、データベースとサーバー側のコードをAPIに置き換え、Jamstack（JavaScript、API、Markup）として知られるモデルであるBuild Processesに置き換えます。最初はその制御と効率性を訴えていましたが、Jamstackプロジェクトは、特徴が追加されると複雑さの急増に遭遇することがよくあります。これは、データ関係を表す際のマークダウンの制限が原因で、単純なタグやカテゴリを超えたものに広範な前処理が必要です。 Markdownでこれらの関係を管理するというオーサリングの経験も理想的ではありません。

ユーザー生成コンテンツは、静的サイトをさらに複雑にします。コメント、評価、好みなどの機能は、それぞれの要求の厳しいアカウント管理、およびページのパフォーマンスに影響を与える可能性のあるサードパーティサービスを必要とします。 GoogleフォームやAirtableなどの一般的なプラットフォームは代替品を提供しますが、このアプローチはコンテンツ管理を断片化し、妥協を導入します。

この複雑さはJamstackに固有のものではありませんが、Markdown駆動型サイトに豊富な機能を追加することは、予想よりも大幅に難しいことがわかります。この解決策は、静的サイトを放棄したり、サードパーティのサービスのみに依存したりすることではありません。パーソナライズされたコンテンツ管理レイヤーと統一されたAPIは、優れた代替品を提供します。

キーは、カスタムAPIの作成です。ヘッドレスCMSが存在しますが、多くはコンテンツ構造の仮定を課しています。 KeyStoneJS 5は、テーラードミニCMとAPIを可能にする独立したコンポーネントで構成される柔軟なオプションとして際立っています。

「Jamstack Plus」と呼ばれるこのアプローチは、CMSSとSSGの利点を組み合わせています。 2つのプロジェクトは、この概念を示しています。SuperMaya（複雑なビルドプロセスのない豊富な機能を追加するための110のスターターキット）とKeystone Jamstack Plus（ブログ濃縮プラットフォーム）。

SuperMayaには、標準的なブログ機能（投稿、ページ、ページネーション、タグ、RSSフィード、サービスワーカー、怠zyなロード、重要なCSS）とアクセス可能なマークアップが含まれています。プリプロセシングステップを直接統合し、Grunt、Gulp、Webパックなどの個別のツールの必要性を排除します。 Keystone Jamstack Plusとのオプションの統合により、ユーザーが生成したコンテンツの追加が簡素化されます。どちらも一緒に展開でき、Keystone（Heroku）をSupermaya（Netlify）に接続できます。豊富な機能が徐々に強化されており、APIの問題がある場合でも機能を確保しています。

Keystone Jamstack Plusは、コメント、拍手、読書リスト、ログインなどの機能を追加します。 SSGのページとポスト管理を期待するユーザーで生成されたコンテンツのヘッドレスCMSとして設計されています。 GraphQL APIは、任意のフロントエンドに接続できます。

著者はあなたのデータを所有することを提唱しています。サードパーティのサービスを使用すると、データとユーザー情報を制御することを意味します。時には必要な妥協案ですが、複数のAPIの複雑さは利点を上回ることがよくあります。小規模で構成可能なサービスは、より良い制御、ユーザーエクスペリエンス、およびスケーラビリティを提供します。

True J​​amstackは、動的なコンテンツのために管理可能なAPIに接続されたリーンで構成可能な静的フロントエンドに焦点を当てる必要があります。このアプローチは、フロントエンドビルドプロセスに複雑さをシフトしたり、ユーザーと開発者のエクスペリエンスを侵害したりしません。

以上がJamstackサイトの複雑さの高まりとそれらの管理方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。