create-next-app --example with-reduxを使った際の各ファイルの相関図

初投稿。

ど素人非エンジニアがNext.js、Reduxを学ぶ中で、
create-next-app --sample with-reduxが非常に便利なので、これを用いて勉強中です。
プロジェクト内に生成される各ファイルの関係性について自分の理解を深めるために、手元メモを備忘録として作ったので、自分のために参考メモとして残しておきたいと思います。

#create-next-appしてみる。
Next.jsとreduxを使う場合

npx create-next-app --example with-redux [project_name]

#フォルダ構成はこんな感じ

#各ファイルの関係性
拙い自分の理解です・・・
細かい部分など省いていますし、間違いなどが多々あるかもしれないです。