Best NextJS Folder Structures | Beginner - Intermediate - Advanced

Поделиться
HTML-код
  • Опубликовано: 12 июн 2024
  • CHECK OUT KINDE'S NEW NEXTJS SDK: kinde.com/blog/releases/nextj...
    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.
    Join our Discord: / discord
    🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
    🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
    Social
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Website: machadopedro.com
    Linkedin: / machadop1407
    Instagram: / pedro.fmachado_
    Github: github.com/machadop1407
    Business Email: pedro@pedrotech.co
    🌟 Gear / Hardware I Use and Recommend 🌟
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    💻 amzn.to/42kqFuM 💻 Monitor
    🖱️amzn.to/3C0ZhHb 🖱️ Mouse
    📷 amzn.to/3OHJvbM 📷 My Camera
    🎤 amzn.to/3oxSthj 🎤 My Microphone
    ⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
    ⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
    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
  • НаукаНаука

Комментарии • 43

  • @dothex
    @dothex 10 месяцев назад +2

    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!

  • @bobbysmurf9915
    @bobbysmurf9915 9 месяцев назад +6

    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!

  • @joyalcorda4024
    @joyalcorda4024 10 месяцев назад +1

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

  • @joaoarthurbandeira
    @joaoarthurbandeira 10 месяцев назад +1

    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!!

  • @CodePremier2000
    @CodePremier2000 8 месяцев назад

    Thank you so much Pedro🙌🙌

  • @abdulbasetbappy
    @abdulbasetbappy 10 месяцев назад

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

  • @appstuff6565
    @appstuff6565 9 месяцев назад

    Pedro my g! Thanks!

  • @bodok
    @bodok 10 месяцев назад

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

  • @sadique_x_
    @sadique_x_ 10 месяцев назад

    my frontend stop shop❤️🔥🔥

  • @adnan9591
    @adnan9591 10 месяцев назад

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

  • @vasyl8889
    @vasyl8889 5 месяцев назад

    really great video

  • @sjonny-depp
    @sjonny-depp 10 месяцев назад

    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.

  • @eshw23
    @eshw23 10 месяцев назад +2

    Make an intermediate to advanced crud tutorial with Next, typescript, prisma, sql preferably PLEASE. You are the absolute best at those types of videos

  • @muhammadzohaib543
    @muhammadzohaib543 7 месяцев назад

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

  • @user-pg7jn9pd3f
    @user-pg7jn9pd3f 10 месяцев назад

    Hey pedro!! What VsCode theme are you using?

  • @real23lions
    @real23lions 10 месяцев назад +3

    Oh wow. I’ve been seeing Kinde ads every where lately😂 twitter, Reddit, etc

    • @heykinde
      @heykinde 10 месяцев назад +2

      😉

    • @real23lions
      @real23lions 10 месяцев назад

      @@heykinde how are you different from Clerk? I’m currently using that. But open to know other options.

    • @heykinde
      @heykinde 10 месяцев назад

      @@real23lions Hey! Definitely give it a go. At this stage we have a lot more features, available languages/frameworks, and better pricing. In terms of going through the offering, I'd suggest checking our pricing page and comparing it to theirs in order to get the best picture!

    • @MikeyUchiha
      @MikeyUchiha 10 месяцев назад

      @@heykinde One feature that you don't have which is available in Clerk is an impersonation feature. Where I can log in as a user to do troubleshooting. Is this something you have on the roadmap?

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 11 дней назад

    thanks

  • @tanmaykumar5124
    @tanmaykumar5124 6 месяцев назад

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

  • @satyamayush2448
    @satyamayush2448 9 месяцев назад +1

    Please make a video on zustand, please bro

  • @tomjones8293
    @tomjones8293 10 месяцев назад

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

  • @shatadal_das
    @shatadal_das 7 месяцев назад

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

  • @CodingWithJerry-fn4cv
    @CodingWithJerry-fn4cv 4 месяца назад

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

  • @starlearnerspro955
    @starlearnerspro955 10 месяцев назад +2

    Finally found a gem in between tons of useless RUclips videos.❤

  • @pranjalnama2420
    @pranjalnama2420 5 месяцев назад

    Thanks

  • @zainyzain6471
    @zainyzain6471 7 месяцев назад

    which icon lin you are using in vs code ?

  • @ahmatmhtlouky4179
    @ahmatmhtlouky4179 10 месяцев назад

    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.

  • @ykarthikeyasharma
    @ykarthikeyasharma 9 месяцев назад

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

  • @ivantanaka5718
    @ivantanaka5718 6 месяцев назад +1

    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?

  • @MayurBagga
    @MayurBagga 8 месяцев назад

    may i know what is your file icon extention ?

  • @rebonekgobodi1680
    @rebonekgobodi1680 10 месяцев назад +2

    Can you please make a series that's for beginner's 😢

  • @siddheshsurve6608
    @siddheshsurve6608 10 месяцев назад +1

    Plz make e-commerce app using mern

  • @faizanahmed9304
    @faizanahmed9304 10 месяцев назад +5

    Man, I really miss your old hair style

    • @vivek1849
      @vivek1849 10 месяцев назад

      Clean shaved pedro

  • @arijitroy9927
    @arijitroy9927 10 месяцев назад

    app route is not stable for production, sticking to nextjs12 style pages folder structure is better for serious production development.

  • @S4LTYT
    @S4LTYT 10 месяцев назад

    need this source code please

  • @alisherry2932
    @alisherry2932 10 месяцев назад

    Your keyboard is not your Microphone 😂☺☺
    Fix that in all your videos descriptions

  • @alasassi5889
    @alasassi5889 9 месяцев назад

    What is the point of dedicating my time and energy for something AI can do easily and better than me