Best NextJS Folder Structures | Beginner - Intermediate - Advanced

In this video I will be going over my opinions on the best folder structures for each level of engineer working on a nextjs project.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

NEXT JS FOLDERS TIMESTAMPS
00:00 | Intro
01:20 | Kinde
03:33 | Structure 1: Beginners
07:33 | Structure 2: Intermediate
12:35 | Structure 3: Advanced

#reactjs #coding

[dothex]

Right on time!
I just cracked open a new next project and wanted to know a few tricks about structures.

You are a legend my man!

[bobbysmurf]

Hey, I just want to say your are by far the best teacher I have found on youtube. I am 17 years old learning the ins and outs of web development. Unlike most tutorials, you have explained concepts in a way that makes them easy to understand and never skip over anything important. Please keep making tutorials!

[joyalcorda]

bro i really love your videos. helped me alot with many of the concepts! keep making them ! ❤️

[joaoarthurbandeira]

Fala Pedrão, sempre acompanho teus videos, tem me ajudado mt (já te indiquei tb), tu é foda!

Deixa te perguntar, vc pensa em fazer algum video de back em DRF ou foca mais msm em node.js? Outra coisa, ouvi dizer que, com o Next.js, como tem a questão do SSR, é melhor ter o front deployed separadamente da api, do back, pq o next aparentemente é mt devagar no servidor...sabe de algo a respeito disso? Vi um pessoal falando sobre isso numa discussão de monolithic x microservices, apesar de n entender mt ainda hahaha. To na duvida se faço o deploy td junto ou separado... Valeuuu!!

[bodok]

Pedro, você podia colocar o timestamp na descrição para ter os chaptest no YouTube, ajudaria bastante! Mas em geral, parabém pelo trabalho!!

[abdulbasetbappy]

Lot of Love From Bangladesh🥰 keep doing good works❤You are one of mu inspirations.

[sjonny-depp]

Pedro, how to debug unclear deployed Vercel bugs where errors are showing but not telling what is causing it? This happens a lot in production.

[muhammadzohaib]

How do I manage backend and frontend both ? Do I need to create a backend folder inside app folder ?

[pgjnpdf]

Hey pedro!! What VsCode theme are you using?

[tanmaykumar]

Hello sir🤗🤗, I want to know which file icon theme are you using, can you please mention the extension name

[tomjones]

which one is widely regarded as best practice in nextjs forder structuring ? are just your opinion I guess thanks

[adnan]

Pedro please make a video on how a developers linkdin profile should look like that would be very helpful

[ykarthikeyasharma]

Could you please let us know how to integrate Okta with Next 13

[ahmatmhtlouky]

React authentication: who to handle the scenario where the user clears the (localStorage, sessionStorage, cookies) manually in the same window or tab.
how can I log out the user automaticlly without refresh the page.

i hope a video or a blog to get the solution.

[zainyzain]

which icon lin you are using in vs code ?

[MayurBagga]

may i know what is your file icon extention ?

[shatadal_das]

Can ya please make a video on how use and organize SASS folders and files in NEXT.js 13 ????

[ivantanaka]

CMIIW I believe that as long as there's no page.tsx inside the components folder, you don't have to use underscore _components as the next.js won't read it as a route anyway? Is there any reason to use underscore "_", maybe for performance or anything?

[CodingWithJerry-fncv]

putting the server-action outside of the app directory will expose the code depending on how you use them.

[Mobilemaniaplays]

Please make a video on zustand, please bro