Jamstack製のDEMOサイト「Flowerful」を公開しました

プロジェクト概要

Flowerfulは、フラワーショップのWebサイトを意識して制作したDEMOサイトです。
デザインからコーディングまで担当しました。

こだわりポイント

①Jamstack構成で高パフォーマンスを実現

フレームワークにはNext.jsを採用し、Vercelでホスティングしています。

Next.jsは、モダンなアプリ開発やWebサイト構築のためのフレームワークです。サイト高速化やセキュリティ対策が容易に行えるため、Jamstackサイト開発に適しています。

また、Vercelでホスティングすることによって、CDNを利用した高速な配信を実現しています。

②Instagram APIを利用した投稿画像の埋め込み

Instagram APIを使用して、最新のInstagram投稿画像を表示する機能を実装しています。

iframeよりも自由度の高いレイアウトを組むことができるので、サイトの雰囲気を損なうことなくソーシャルメディアと連携可能です。

ギャラリー

Jamstackサイト開発ならコードハイブにご相談ください！

パフォーマンスを重視したJamstack製のWebサイトコーディングをご希望でしたら、ぜひコードハイブにご相談ください！

Jamstackサイト開発について詳しく知りたい方は、こちらのページをご覧ください。