Next.jsにおけるアーキテクチャー設計を考えるNext.js はSSR対応したReactを使ったUniversal JavaScriptフレームワークで、Vueを使っている Nuxt.js とよく比較されています。 セットアップがとにかく簡単で、TypeScript対応も非常に簡単です。(tsconfig.json の空ファイルを置いておくと自動的に中身を作ってくれます！) 今回とあるSPAを作成するにあたって Next.js を採用したため、そのとき考えたアーキテクチャー設計を書き残したいと思います。 ディレクトリ構成とクラス設計 ディレクトリ構成はクラス設計にも反映される重要な部分になります。 近年自分が好んでいるクラス設計は「Onion Architecture + Clean Architecture + Re-Ducks Pattern」です。 (React Nativeでもこの構成でアプリケーションを作成しています) フロ
