Code BeaverCode Beaver // PORTAL

Technology Stack

このポートフォリオサイト自体(ポータル・各feature共通の基盤)で使用している技術スタック、CI構成、デプロイ環境をまとめています。

FRONTEND

フロントエンド

Next.js App Router構成のポータル兼feature集。UIは外部ライブラリに頼らず、Tailwind CSSベースの自前コンポーネントとして育てています。

Next.js 16 (App Router)React 19TypeScriptTailwind CSS v4TanStack QueryRechartsZod
BACKEND / API

API サーバー

GinでHTTPルーティングし、GORMでMySQLにアクセスするcontroller→service→repositoryの3層構成。featureごとにドメインロジックを分離しています。

GoGinGORMgolang-migrate
DATABASE

データベース

MySQLをDockerコンテナで運用。コンテナ外には公開せず、Go API経由でのみアクセスします。

MySQL
CI/CD

継続的インテグレーション

GitHub Actionsでmainブランチへのpush・PRごとにNext.js側・Go側それぞれのlint/build/testを自動実行しています。

GitHub ActionsESLintgo vetgo test
INFRASTRUCTURE

インフラ / デプロイ

AWS Lightsail Instance(VPS)1台の上で、Next.js・Go API・MySQL・リバースプロキシをDocker Composeでまとめて動かしています。マネージドサービスに分散させるより、VPS運用そのものを経験することを優先した構成です。

AWS LightsailDocker ComposeCaddyLet's Encrypt

設計上のポイント