4 replies

'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

button

button

card

card

, or also for file – e.g. a

navbar

navbar

footer

footer

?

Question #2
I am reading

Routing > Pages and Layouts

Routing > Pages and Layouts

to understand how, this structuring works. In my use-case I would prefer to have a static

navbar

navbar

footer

footer

layout.tsx

layout.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.