Next.jsを利用する機会はますます増えていると考えていますが、適切なディレクトリ構成について疑問を持ったことがある方も多いかもしれません。 最近では、特定のディレクトリ構成とそれに基づくスタイルが定着し始めているため、それを紹介したいと思います。 なお、以下のディレクトリ構成はNext.jsのバージョン12系を基準としていますので、13系とは大きく異なることに注意してください。 01.設計時に参考にした構成 後述しますが、このディレクトリ構成では、`Features`というレイヤーが非常に重要な役割を果たしています。 02.これまでこれまで、クリーンアーキテクチャーやアトミックデザインなど、さまざまな構成でプロジェクトを作ってきました。 API層、Presenter層、Props注入層、Data表示層のように細かく分けるアプローチもありましたが、冗長さや再利用性の難しさに直面しました。
はじめに 年次関係なく誰でもできる小さな品質改善活動の話をします。 私事ですが、今年の1月に同じ部署内のCI/CD Grp.に異動しました。 CI/CD Grp. という名前ではありますが、組織でやっていきたいのは Developer Productivity Engineering で、CI/CD関連の業務以外にもいろいろと自由にやらせてもらえてます。 『いいコードを学んだけど、最近コード書けてないや』と、ふと思ったのでせっかく書くなら品質上げるコミットをdevelopブランチにマージするナニカをしようと思ったのが本記事の背景です。 仕様化テストとリファクタするぞ！と意気込んでました 今まで一生懸命がんばってきた甲斐があって、保守しやすいコードを書く大切さを理解し、意図をもってコーディングできる自信がついてきました。（成長したね...） 『CI/CD Grpメンバーとして、他グループの開
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Next.jsディレクトリ構成を設計再考してみる｜ryry_w
リファクタリングのハードル、自分で上げすぎてない？ - Qiita