Next JS Project Structure: Patterns and Techniques for Success

[@victorferri5451]

I has been studying english language, and you helps me so much, because your pronounce is so good to understand

[@coderyan]

Happy to help!

[@MrFiggleberry]

I'm currently merging two projects into one, and this video helped me understand the file structure to merge them. Thanks!

[@scientificshiv]

To me its the most important as a beginner, and I don't see this information anywhere. Good job.

[@coderyan]

Happy this helped!

[@sh4vear]

ong you're the best keep going🐐❤️👑

[@coderyan]

Thank you!

[@rumble1925]

I really dont understand the reason they stopped using the pages folder.

[@malcolmn.5222]

Creating layouts is MUCH easier with the app router

[@igorr4682]

for Module Path Aliases you need to set baseUrl first
"baseUrl": ".",
"paths": {
"@/*": ["./*"],
"@/components/*": ["components/*"],
"@/styles/*": ["styles/*"],
"@/lib/*": ["lib/*"]
}

[@ammarhaidar5995]

Awesome video 💪💪💪

[@coderyan]

Thank you!

[@curioustoy]

I usually have route components and lib folders, then under app have shared components and lib folders (components and util functions used across the different routes)

[@Firststep0310]

Hey Ryan👋🏻, great video! I'm currently working on a Next.js project where I have separate frontend and backend directories. I'm curious if there's a recommended way to integrate both frontend and backend within the same project directory? As a beginner learning Next.js, I'd appreciate any insights you might have on consolidating project structure. Thanks for your help! 🚀

[@timmyfrank3]

helpful video, thanks

[@coderyan]

You’re welcome

[@EmblazNOR]

The thing I find most annoying as a beginner when it comes to structure is that whenever I run npm install xxx a lot of folders and files are made. Often also duplicates like node_modules and package.json files.
Can I merge these duplicates or is there a way to make them merge during installments?
Does it matter if there are duplicates? If so, can I move them around to organize my folders?

[@coderyan]

Are you talking about duplicates within your node_modules folder? There probably shouldn’t be multiple package.json files, especially in the same folder

[@EmblazNOR]

@@coderyan im talking about duplicate files, but not within the same folder. Two node_modules folders with many of the same files. Multiple package.json files but not within the same folders

[@coderyan]

Typically, you would just have those files within the root folder of your project. If you run npm install though in a folder that’s not your root folder, then you might see some of the duplication issues

[@Kim-by5uy]

this was super hepful. thanks

[@coderyan]

Happy to hear it. You’re welcome!

[@pemawangchuk2024]

Thanks for simplifying...

[@devGamersCoders]

amazing video brother

[@coderyan]

Thank you 🙏

[@asidelnik]

Thank you :)

[@coderyan]

You’re welcome

[@PedroAkaki]

Thanks for your opinion, i'm wondering if you still use The same structure.

[@junaiedhossain411]

Bro u have a cute doggo btw

[@coderyan]

Haha thank you

[@elenamikhaylova5086]

rewinded to find the doggo

[@konraddissake800]

Thank you very much sir

[@coderyan]

You’re welcome

[@subhammondal9288]

I am using page router. I guess it does not support colocation. Please let me know if I am wrong.

[@mohdarafathossain7852]

Is this the official docs?

[@shubhamh7451]

"colocate" is too fancy.
Goes on to use the same word through the entire video, lol
great video though

[@coderyan]

lol fair point

[@SweepAndZone]

he kept the same context whilst going through the docs lol, gitgud and stfu :D always someone who complains about anything, this isnt reddit bruh

[@Yeyppe]

bro the tvideo was really cool, please change the thumbnails. im lucky that i didn't skip this video after seeing thumbnails.

[@en_kratia]

Thank you

[@coderyan]

You’re welcome

[@meyuskamureed]

i had to low my volume your voice is so deep

[@SweepAndZone]

love u bro lol

[@coderyan]

Thank you