livewing.net

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)