Next.js + サーバーサイドTypeScript + 関数フレーバーでクリーンなアプリを作ったので実装意図とか書く Advent Calendar 2022
の4日目。株式会社mofmofに生息しているshwldです。
前日は設計方針について書きました。
プロジェクトのアーキテクチャについて書きます。
クリーンアーキテクチャのように、逆方向へは依存しないようにしています。
矢印の方向に依存する
apps, infrastructures → use-cases → core domain, interfaces
ディレクトリ構造
┣━┳ apps
┃ ┣━━ web: フロントエンド (Next.js)
┃ ┗━━ worker: バックグラウンドワーカー
┣━┳ domain
┃ ┗━━ core: ドメインロジック
┃ ┗━━ interfaces: リポジトリや外部依存のインタフェース定義
┣━┳ infrastructures: 外部システムへの依存を持つ部品
┃ ┣━━ repository: データ永続化処理 (prisma)
┃ ┣━━ worker: バックグラウンド処理 (graphile-worker)
┃ ┣━━ pubsub: リアルタイム処理 (pg-pubsub)
┃ ┗━━ mailer: メール送信処理 (mailgun)
┣━┳ packages
┃ ┗━━ 共通で利用するパッケージ
┗━┳ use-cases
┗━━ graphql-resolvers: GraphQLクエリの解析と実行
次回予告
明日は型で状態を表現するについて書きます。