概要
エンジニアSH.CodeLvのポートフォリオサイトです。
名刺代わりになるようなサイトを作って、エンジニアとしてのつながりを作りたい、可能性を広げたいと思い作成しました。
Points
ヘッドレスCMSとしてMicroCMSを採用し、Works（成果物）の管理をしています。
フロントエンドはデザインの書籍を参考にNext.js+TailwindCSSで作成しました。
その他、以下のことを試しています。
- ・コンタクトフォームの実装（Resendを使用）
- ・記事投稿による再ビルドの実行
- ・FramerMotionを使用したアニメーションの実装
- ・Cursor（Claude3.7）の部分的な使用
- ・メタタグ、OGP設定
- ・サイトマップの作成
- ・GoogleAnaliticsの設置
- ・GoogleSearchConsleの設定
Stacks
-
フロントエンド :
- Next.js、
- CSS（TailwindCSS、MaterialTailwind）、
- Libraries（Swiper.js、FramerMotion、Resend）
-
バックエンド :
- Next.js、
- libraries（microcms-js-sdk...）
-
ｲﾝﾌﾗ・その他 :
- MicroCMS、
- Vercel
