Use this Next.js file structure

[@lateeftaiwo7669]

I learnt so much more than just the file structure. Thank you

[@ashmakov]

Thanks for sharing such as useful content!

[@NaveenKumarasinghe]

This is amazing! Could you do a similar video for Next.js Clean Architecture? Thanks!

[@BeyondSE]

Thanks man ❤

[@orbur2091]

Thanks

[@raishw6483]

Why would i use this instead of thr src directory?

[@henriqueoliveira3335]

Let's think about an item presentation project, usually these applications have a page (generally index) that contains a large amount of content. When I have work of this type, I make a folder called `section` and I separate the sections and then I just import them on the index page. What do you think of this approach? do you have something to explain to me that can help me?

[@tenacity_dev]

It matters when you have content that will show conditionally, so if you have a large page of lots of components that will always show you can make it faster by loading in the components once they are visible. I would organize my components naturally without any specific directories because they are just components, lazy loading them does not change their nature.

[@josephcranney1380]

Hi, what would the app directory contain?

[@nuvola-b]

Pages

[@2gbeh]

Ok you kicked off organizing files "by feature" and ended up organizing files by type? 🥴

[@xczm225]

sorry for being curious) am I right that "Shared" folder should contain files that are used in multiple files/components?

[@tenacity_dev]

Yes, exactly!

[@seetaverma4967]

Where is the pages directory and styles directory? I worked on next js 2 months ago and now folder structure is changed

[@tenacity_dev]

This video is made when nextjs was not using the app router. The concept is the same you just have a different file structure when you create a new project.