← Back to Works
ポートフォリオサイト
Next.jsTypeScriptTailwind CSSFramer MotionReact個人開発
概要
Next.jsとTypeScriptを用いて、制作物やスキルを分かりやすく見せるWebサイトを開発。
制作背景
私自身のポートフォリオサイトを作成していなかったため、勉強も兼ねて作成してみました。
開発期間
2024/08 ~
使用技術
フロントエンド
- Next.js
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- Swiper.js
- Next/Image
開発ツール・環境
- VSCode
- Node.js
- npm / pnpm / yarn
- ESLint / Prettier
デプロイ先
- Cloudflare Pages
工夫した点
Framer Motionでアニメーションをつけ、見た目だけでなくUXも向上させました。また、Filter機能をつけることで保守性を高めました。