Next.js Tutorial for Beginners (User CRUD App)

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024

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

  • @cguser
    @cguser 2 месяца назад +12

    First time I see someone setup next js manually. Your explanation is so simple and so easy to understand. This is the teacher we needed. Thank you for doing what you do. Your teaching means so much to me. Keep it up!!

    • @LearnWebCode
      @LearnWebCode  2 месяца назад +2

      You're welcome! Thank you for the awesome comment & encouragement 🙏

    • @cguser
      @cguser 2 месяца назад +2

      @@LearnWebCode Hi Brad, I got to be honest I was hesitate to buy your full course for a long time cuz I didn't have much money but, I just saw your renew website have $25/ Month plan. I will give it a try. I feel like I got so much value from your free content on youtube. And I want to support your work. I stuck in so many tutorials cuz others don't explain as simple as you do. I love your teaching style and your encouragement in becoming a developer. It's getting so much harder to find a junior dev job nowadays, but this is what I want to do for my career, and I believed that with your help I can do it. I really want to tell you someday when I finally get that job. Until then I have to keep going until I get it. Thank you so much Brad. You don't know how much this means to me. With just a little bit of help can literally change someone's life. Please keep your channel up! See you later!

    • @Ubaid-24
      @Ubaid-24 2 месяца назад

      He has mentioned it all. You are my best tutor and coach. I always there awaiting your new courses on udemy. I am one of your student yesterday, today and always.​@@LearnWebCode

  • @ReeveJonathanA
    @ReeveJonathanA 2 месяца назад +6

    Thank you for explaining the way you do. Most others just add tonnes of boilerplate without giving us a reason and we’re left wondering why. But you manually initialised everything and explained it too and for that you’ve got a new subscriber.
    Looking forward to lot more from you!

    • @LearnWebCode
      @LearnWebCode  2 месяца назад +6

      Thanks! My favorite videos to learn from are the ones with minimal boilerplate or things happening automagically and the person recording explaining their thought process; so I tried to replicate that here. Thanks for the sub, I have another 2 large videos coming soon.

    • @cguser
      @cguser 2 месяца назад +1

      @@LearnWebCode please more next js content!

  • @touseefghazanfar8487
    @touseefghazanfar8487 2 месяца назад +2

    Learning NextJS from my favorite instructor is like a dream come true.

    • @LearnWebCode
      @LearnWebCode  2 месяца назад

      Thank you so much! This made my day 🙏

  • @sionkim5504
    @sionkim5504 2 месяца назад +2

    Brad you're such a homie. I love your teaching style. Please do next.js project next!!

  • @iambhavinpatel
    @iambhavinpatel 2 месяца назад +2

    Ohh, Lord Brad!!! This is exactly the video that I was wanting for a long time and I was repeatedly asking about it in your previous videos. Thanks a zillion!!! ❤❤

  • @iambhavinpatel
    @iambhavinpatel 2 месяца назад +3

    We are always eagerly waiting for your videos. ❤❤ You are great 👍👍

  • @nothing-s9u
    @nothing-s9u 2 месяца назад

    I was looking for this course I have not found a detailed tutorial like this. So thanks for making a lot of effort to teach us

  • @anetakahleova5705
    @anetakahleova5705 23 дня назад

    Thank you very much for your awesome beginner-friendly tutorial! ❤

  • @kerrykreiter445
    @kerrykreiter445 2 месяца назад

    Superb tutorial and a real God send! You even give hosting advice! You’re the best!!!

  • @adca-designs
    @adca-designs 2 месяца назад

    You make me want to learn next.js, you show how easy it is. Been a long time subscriber from your wp content.

    • @LearnWebCode
      @LearnWebCode  2 месяца назад

      Thanks for the long-time support! Anything new in WordPress or code in general that you've been wanting to learn lately?

  • @penguinxed
    @penguinxed 2 месяца назад

    Thanks for this great tutorial sir! You're very underrated!

  • @minhajsorder482
    @minhajsorder482 2 месяца назад

    Hi Brad,
    Great explanation. One of my favorite tutor.

  • @youtubefornothing
    @youtubefornothing 2 месяца назад

    Thank you, sir. You did an excellent job of explaining everything in the easiest way possible. I’m sorry that I can’t buy your course because it’s expensive for me, but I appreciate it.

    • @LearnWebCode
      @LearnWebCode  2 месяца назад +1

      You're welcome! As of today, all 9 of my courses are also available on Udemy which runs sales frequently. Over time, I'd like to continue to add more and more courses to my membership bundle platform to increase its value to students.

  • @reze_dev
    @reze_dev 26 дней назад

    Finally someone use jwt instead of clerk for next js tutorial.

  • @paski702
    @paski702 2 месяца назад +2

    Exactly what I need. Thanks a lot. 💯

  • @ravinduakalanka8074
    @ravinduakalanka8074 2 месяца назад

    This video is very clear and easy to understand about Next Js and thank you very much for that.❤

  • @akash-kumar737
    @akash-kumar737 2 месяца назад +1

    Thanks Brad. I wanted a beginner course in NextJs.
    Also I use Cloudinary for one of my production app.

  • @alexandersamokhin
    @alexandersamokhin 2 месяца назад +2

    Instant like for Brad

  • @abahunekwuojo4568
    @abahunekwuojo4568 2 месяца назад

    Your videos are always cool and understandable. Thanks for this

  • @Coder.tahsin
    @Coder.tahsin 2 месяца назад +1

    Love your tutoriala Brad 💗

  • @amaradave
    @amaradave 2 месяца назад +1

    Thank you for this course!

  • @suprabhatkumar5478
    @suprabhatkumar5478 2 месяца назад +1

    God on earth, love you Brad ❤
    Kindly consider a mini project with react graphql as well...

  • @unpluggedaman
    @unpluggedaman 2 месяца назад +1

    Thanks a lot 🙏

  • @marpusik1277
    @marpusik1277 2 месяца назад +1

    Thanks 🙏

  • @Codak_3
    @Codak_3 2 месяца назад

    Thank you so much, i wish you could make a course on next js and firebase

  • @madhousenetwork
    @madhousenetwork 2 месяца назад +1

    Thank you

  • @justindouglas3659
    @justindouglas3659 2 месяца назад +1

    Hey brad been loving the wordpress you did a while back. I was wondering if you could do a tutorial on timber which is a templating engine for wordpress themes that run on twig. Hope you could do this in the near future.

    • @LearnWebCode
      @LearnWebCode  2 месяца назад +1

      Good idea! I just added Timber / Twig as well as Sage (Laravel Blade) to my todo-list for RUclips ideas.

    • @justindouglas3659
      @justindouglas3659 2 месяца назад

      @@LearnWebCode I'll be looking forward to this many thnx you're a real one

  • @militaryforcestv1
    @militaryforcestv1 2 месяца назад

    hi brad, can you do a course on how to make a SaaS using Ai api with jquery or vue, php/laravel, MySQL stack? thanks.

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 месяца назад

    Thanks!!!

  • @majadulislampallab1351
    @majadulislampallab1351 2 месяца назад +1

    ❤❤❤

  • @igorr4682
    @igorr4682 2 месяца назад

    For those ids coming back you should have used useRef instead so your component does not re-render when you set them in useState

    • @LearnWebCode
      @LearnWebCode  2 месяца назад +1

      Ah good call, I felt like state wasn't the right tool for that job but it was the quickest / simplest solution I thought of in the moment. When I first learned React I feel like some of the courses I learned from taught a sort of "only use refs if it's the last option / you need to" or maybe that's just how I interpreted it, but you're absolutely right, the official React documentation says "useRef is a React Hook that lets you reference a value that’s not needed for rendering" so that's the perfect tool for this job in question. Cheers, Brad

  • @sabeurbessaoud
    @sabeurbessaoud 2 месяца назад

    wish u do a playlist for full tutorial about next.js

  • @kerrykreiter445
    @kerrykreiter445 2 месяца назад

    Hi Brad, I am working my way (slowly - first time working in Next) through this project. Everything has gone perfectly so far. I just finished the delete function and was wondering how I could setup a superuser that could see all posts and delete anything in the db. Would you please consider a followup video covering that? Thanks so much for this amazing project!

    • @LearnWebCode
      @LearnWebCode  2 месяца назад +1

      You're welcome! I really like the super user idea. I'd probably approach it like this: first I'd add a new field to the users collection in the database called isSuperUser which can be true or false. And in the permission checks to edit and delete you could add an OR condition for if the user is a super user.

    • @kerrykreiter445
      @kerrykreiter445 2 месяца назад

      Excellent approach! That’s exactly what I will attempt to do. This has been such a fun project!

  • @yyzou4492
    @yyzou4492 18 дней назад

    Hi Brad, I brought lots of your courses. I encountered a problem in Lesson 147 of the course "Learn PHP, JavaScript, WordPress". After set up the frontend.js, In the front-end console, I'm seeing this following error:
    Uncaught TypeError: Cannot read properties of undefined (reading 'jsx')
    I wasn't able to resolve this issue, and i hope you can help with me so i can continue with the rest of your course. Thank you!

  • @dev-akeel
    @dev-akeel 2 месяца назад

    2:30:55 Fair enough, but that is only with `.env.local` file not with regular `.env` file

  • @iambhavinpatel
    @iambhavinpatel 2 месяца назад +2

    I hope react js or node js or express js are not a prerequisites to learn next js, right?

    • @cafelutsa_
      @cafelutsa_ 2 месяца назад +2

      react would help a lot

    • @DevDelTaco
      @DevDelTaco 2 месяца назад

      If you're familiar with front-end frameworks like Angular or Vue this is not really a huge problem imo (I don't know a lot of React and i still learn Nextjs without having a lot of problems)

  • @Abbos_700
    @Abbos_700 Месяц назад

    i haven't started yet but which one comes first to learn and watch this one or your recent next js course

    • @LearnWebCode
      @LearnWebCode  Месяц назад

      They're both meant to work well as an introduction to Next, but if you're interested in working databases, letting users register, log in and log out, then I'd watch this one. If you're more interested in letting a client manage their own content (CMS) for their custom website then I'd watch the other more recent one.

    • @Abbos_700
      @Abbos_700 Месяц назад

      @@LearnWebCode thanks man you're doing really good job

  • @thebilalafsar
    @thebilalafsar 2 месяца назад +1

    *When will you restart your WordPress series? Could you update your WordPress course and playlist to align with the latest updates for 2024? Thanks!🥺*

    • @LearnWebCode
      @LearnWebCode  2 месяца назад +2

      Hi, I do have a bunch of new WP follow-along projects planned for RUclips! But regarding the full/premium course; do you have any specific requests for updates? I feel like I've already covered just about everything there is to cover (the course is 45 hours long). Earlier in 2024 I added a new chapter about the brand new Interactivity API. The course covers traditional themes, FSE block themes, plugin development, REST API, user generated content, etc...

    • @thebilalafsar
      @thebilalafsar 2 месяца назад

      @@LearnWebCode It would be great if you could add more WordPress-related tutorials to your RUclips channel. Topics like core WordPress explanations for beginner WP developers, advanced WordPress/WooCommerce speed optimization (beyond just plugins), advanced WordPress debugging, and hosting WordPress/WooCommerce sites on VPS or dedicated servers instead of traditional managed hosting, and many more

    • @thebilalafsar
      @thebilalafsar 2 месяца назад +1

      @@LearnWebCode It would be great if you could gradually update your WordPress course with the latest UI and features for 2024. This would make the tutorials more helpful, understandable, and clear for junior WordPress developers, as the older tutorials feel outdated

  • @pravin8706
    @pravin8706 Месяц назад

    your overlay part is missing in your github repo can you reupload the repo

  • @gomo5628
    @gomo5628 2 месяца назад

    Hi there bro. I been following your tutorial on Laravel, but since i use Laravel 11, turns out most of the explanation of registering your own middleware doesnt really work, so I wonder if you might be planning to do an additional video for the 11, the rest works all good so far.

    • @LearnWebCode
      @LearnWebCode  2 месяца назад +1

      Hi, I've tested the course's code with v11 and didn't run into any problems, but I realize just because the code is compatible doesn't mean following along with me step by step and the auto-generated files that command-line commands create will line up. I don't have a date to promise, but I'm working on a Livewire and Version 11 update currently.

    • @gomo5628
      @gomo5628 2 месяца назад

      ​@@LearnWebCode thanks for the response man. Basically All the default middlewares that come with laravel work. However when creating my own as you explain, it turns out that the laravel version that I am using 11.23.4 doesnt have the App\Http\Middleware at all, and wasnt even able to locate them to edit the premade ones as you explain with the auth middleware. However when i make:middleware it does creates the folder but only with out newly created middleware file. Following to that, adding the custom middleware to the Kernel its a dead end since at this version Laravel removed the Kernel file completely. I tried to research and see if i Figure it our, which I couldnt. But according to laravel official article in regard to removing Kernel and adjusting how middlewares will work, posted about year ago, they Say that middleware will be configured in bootstrap\app.php where there is two or three main methods, which i tried to understand how to include our custom middleware, but it appears I when i include it, it generates infinite redirections and the app dont even open, sayinng to many redirection requests or something along those line . Additionally, on the same article Laravel mentions that the changes about Kernel and middlwares will be released after a while, which kinda explains why our 11s might differ. Anyway not a big deal, in terms of the course content, just this small part about creating and registering middlewares, is different on the version i have. Love the way you teach, and genuinely mind blown how laravel works and makes things easier. For example its a first tutorial where i could easily grasp how dynamic urls work and passing parameters and all that..its just amazing. Thanks man.

  • @theMaroFlow
    @theMaroFlow Месяц назад

    Hi, I see a lot of people use jose instead of jwt and say that the jwt package doesn’t work with Next.js. Also, the Next.js team recommends using jose, but in your video, jwt works perfectly. Can you explain the difference?

    • @LearnWebCode
      @LearnWebCode  Месяц назад +1

      I believe that's only an issue if you're using (jwt in) Middleware. In Next.js middleware runs in the native/edge JS runtime instead of the Node runtime, and the jsonwebtoken package needs Node. In my app I'm not using middleware, just traditional server components and so the Node runtime should be available.

    • @theMaroFlow
      @theMaroFlow Месяц назад

      @@LearnWebCode Thanks, I understand 👍

  • @trongnhanle83
    @trongnhanle83 2 месяца назад

    Hi teacher. Why don't you make a video about code membership plugin from scratch ?

  • @nmurugesan3435
    @nmurugesan3435 2 месяца назад

    Please update Laravel course. And add Livewire.

  • @harrytuttle8819
    @harrytuttle8819 Месяц назад

    I get the error (at 36:00) "ReactDOM.useFormState has been renamed to React.useActionState. Please update RegisterForm to use React.useActionState." But this does also not really work. Or I simply don't have a clue how to do it. Someone else have this problem? Sadly the tutorial breaks for me at that point.

    • @uzochukwuemeka3449
      @uzochukwuemeka3449 26 дней назад

      Try looking at your code again cause am also following this lesson and it works now
      , and use Next JS 14, not the latest

  • @shahzazaib
    @shahzazaib 2 месяца назад

    Sir Wordpress and Next Js Ecommerce storeeeeeee pleasee ❤❤❤

  • @saltech2024
    @saltech2024 2 месяца назад

    This awesome
    This web dev era sucks
    i. One is struggling with JS OOP & FP logic
    ii. One is struggling with React JS logic
    iii. One is struggling with Node JS logic
    iv. Now Next JS logic
    v. Don't use npm use Vite

  • @lostinthenarrativve
    @lostinthenarrativve 2 месяца назад

    Can you please make a Stripe tutorial ?

  • @kim92se64
    @kim92se64 2 месяца назад

    23

  • @erlongs
    @erlongs 2 месяца назад +1

    Hey Brad, there is a missing thing in the wordpress course. Could you make a video about how to sell themes with license, maybe like fremius or so? How to make money selling themes or plugins, woul be awesome. Thanks a lot.

    • @outpost31737
      @outpost31737 2 месяца назад

      What is a missing thing? What on earth are you going on about?

    • @myrealm7115
      @myrealm7115 2 месяца назад

      ​@@outpost31737 bro after watching huxnwebdev