TTC

Theo's Typesafe Cult•3y ago•

4 replies

Paddy

'Correct' Development use, Folder Structure in T3 Tech Stack App

Dear community,

I've used the Interactive CLI to start a full-stack, typesafe Next.js app. I got a couple questions regarding the 'correct' development use/folder structure for this.

Question #1
Do I use the

components

components

folder only for components like a buttonbutton & cardcard, or also for file – e.g. a navbarnavbar & footerfooter?

Question #2
I am reading Routing > Pages and LayoutsRouting > Pages and Layouts to understand how, this structuring works. In my use-case I would prefer to have a static navbarnavbar & footerfooter in layout.tsxlayout.tsx, so they won't re-render every time, right, as I am understanding?

Source: https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts#nesting-layouts

Please let me know, if you need any more information.

I would love to receive sources e.g. doc's or tutorials to study, if you have any to share, of course.

Thank you so much!

Best regards.

Routing: Pages and Layouts | Next.js

Create your first page and shared layout with the App Router.