React Server Componentsを使った無料の静的ブログ

この記事では、Next.jsの静的サイト生成機能とReact Server Components (RSC)を使用して、Cloudflareの無料静的ホスティングプランで完全に静的なブログをデプロイする方法を説明し、そのコストはゼロです。著者は、「ハイブリッド」フレームワークの概念について説明しており、このフレームワークはサーバーサイドレンダリングと静的サイト生成の両方が可能です。ビルド時にRSCコードを実行し、その出力を保存することで、完全に静的なデプロイを実現し、サーバーコストを削減できます。コード例では、ビルド中にローカルファイルシステムからデータを読み取り、静的なページを生成する方法を示しています。これは、「静的」とは本質的に事前に実行される「サーバー」であり、コードロジックは同じで、タイミングだけが変化することを示しています。