Understanding the Next JS 13 Project Structure in Depth - Significance of each files and folders

Показать описание

#nextjs #nextjs13 #reactjs
Next.JS is a powerful framework built on top of React that enables full-stack development with ease. Initially it was used for server-side rendering but now it has evolved to be one of the best and most used React frameworks for full stack development.

Although you'll find many tutorials on internet explaining how to initialize a Next JS application or creating websites using Next.Js, this video is an extensive in depth video explaining about what each and every files and folders present in a typical Next.Js application.

I'll post an entire series of videos for developing a production ready Next JS website and in the end I'll also show you how to host it for free. Please subscribe the channel so that you do not miss this and also please share with your friends and colleagues who are willing to learn Next JS, JavaScript or web development in general.

You can also follow me at:

#coding #javascript #next #nextjstutorial #nextjs13 #nextjs #javascripttutorial #programming #javatutorial #frontend #frontenddeveloper #frontenddevelopment #frontenddev #webdeveloper #webdevelopment #javascriptforbeginners #javascripttutorialforbeginners #js #javascriptengineer #nextjstutorialforbeginners #learnwithme #learnwithshubhaw #react #reactjs #reactjsdeveloper #nextjsdeveloper #shubhaw

0:00 Intro
10:24 Tip: VS code extension for linting
11:58 ".gitignore" file
13:26 ".next" folder
14:05 "node_modules" folder
14:53 "public" folder
15:44 "src" folder
16:32 "app" folder
39:20 Outro