【MUI】Next.js×MUI×AtomicDesignにおけるオリジナルテーマの適応とコンポーネント設計について

タイトルがどっかの論文みたいになってしまいましたが、要はこういうことです。 「MUIの機能は継承しつつ、スタイルだけオリジナルに定義して設計はAtomicDesignにしたい！」 というときの個人的なベスト？プラクティスです（もっといい方法があれば教えてください...）。 この実装は需要があるだろうと思いつつ、調べてもあまり記事を見かけなくて困っていました。 なので実現方法と設計・運用ルールを自分なりに考えた結果をまとめてみます。 （Next.js、MUI、Atomic Designなど登場人物の紹介は省きます。 すでにすばらしい記事がたくさんあるのでわからない方はぜひ調べてみてください） ⛰ 目的 MUIの機能を引き継ぎつつスタイルのみを上書きする 都度スタイルを上書きするのではなく、オリジナルテーマを定義して運用する デザイン設計はAtomicDesignを採用する 📦 前提 Nex

[subak]

“AtomicDesign”