← Back to Articles
2026-05-18refactor

Component directory restructured; shared client components isolated

  • Change: app/post-gallery.tsx, app/post-pagination.tsx, and app/sidebars.tsx moved into app/_component/. All shared client-side components now live under this directory.
  • Why: Separates Next.js route segments (pages) from reusable client components; the _ prefix prevents the directory from being treated as a route.
  • Affected Modules: app/_component/, app/layout.tsx, app/page.tsx
  • Trade-offs:
    • Pro: Clear boundary between route files and shared UI; easier to add new shared components without polluting the route tree.
    • Con: Slightly deeper import paths; absolute imports (@/app/_component/…) mitigate this.