WebフレームワークのSSR

Astro、Next.jsといったWebフレームワークでは、このエッジサーバーレスを利用してHTMLをレンダリングする仕組みが備わっています。これにより静的なJamstackではできなかった、最新の情報の提供やユーザーに応じたコンテンツの変更が可能です。

エッジサーバーレスを利用してSSRできるWebフレームワークを利用すると、Jamstackと同じフローで開発できます。つまり、Jamstackで作られたWebサイトでも、あとから必要になったタイミングでエッジサーバーレスを利用してSSRを導入できます。

JavaScriptをサーバーサイドを含めアプリケーション全体で利用することで、ブラウザ、エッジサーバーレス、ビルドなど、すべての場所で記述言語を統一できます。これはブラウザかエッジサーバーレス、もしくはビルド時のどこで実行した方が効率的かを判断し、必要があれば実行環境を移動することで、よりよいパフォーマンスのWeb開発をすることに繋がります。

Jamstackで作られていた構成から大きく変えず、採用技術をCloudflare + Astroに差し替え。AstroではSSRを使用しました。ユーザーごとに出し分けが必要なコンテンツも、高速に表示できるメディアサイトを実現しています。

メディアサイト

  • Astro
  • Svelte
  • Algolia
  • Hygraph
  • Cloudflare Pages
  • Cloudflare Workers
  • Cloudflare Workers KV
  • GitHub

エッジサーバーレスで解決したいプロジェクトがあれば、技術選定の前に気軽にお問い合わせください。

お問い合わせ