Next.js を用いて構築したポートフォリオ (本サイト)。

TypeScript による堅牢な開発環境を実現。 Next.js の SSG (Static Site Generation) を用いて、静的サイトを生成。 Works ページは Markdown ファイルなどから動的に生成。一部のコンテンツはリモートから取得してページを生成。スタイルは Sass (SCSS) を用いて構築し、一部のアニメーションは Framer Motion を使用して作成。 Dependabot で依存関係更新の Pull Request を自動生成するよう設定。

技術スタック

• TypeScript
• Next.js
• React
• ESLint
• Prettier
• SCSS
• stylelint
• GitHub Actions
• AWS (S3, CloudFront, Route 53)