PortfolioWeb Developer & Director

Portfolioサイト制作の過程

microCMSNext.jsCloudflareTailwind

Portfolioサイト
制作の過程

YEAR
2024~2026
ROLE
ALL

About THE PROJECT

「microCMS」と「Next.js」を組み合わせたJAMstack構成で構築しています。

レンダリングはSSG + Webhookを活用した更新手法を採用。ホスティングにはCloudflareを利用しています。

メールサービスについてはCloudflareに移管したことで、利用を考えていたムームーメールが正規の方法では利用できなかったため、「Cloudflare Email Routing」と「Resend」を採用しています。

スタイリングはTailwind CSSを基盤に、効率的かつ一貫性のあるデザインを維持しています。

プレビュー機能に関しても独自実装しています。当初は「Next.jsのDraft Mode」を利用して進めていたのですが、Cloudflare環境移行後に動かず、SSRでの実装に切り替えました。

WEBに関することお気軽にご相談くださいCONTACT