概要
エンジニア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





