Next.js Tutorial for Beginners (User CRUD App)

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 พ.ย. 2024

ความคิดเห็น • 78

  • @cguser
    @cguser 2 หลายเดือนก่อน +11

    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

  • @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 🙏

  • @ReeveJonathanA
    @ReeveJonathanA 2 หลายเดือนก่อน +5

    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!

  • @sionkim5504
    @sionkim5504 หลายเดือนก่อน +1

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

  • @reze_dev
    @reze_dev 20 วันที่ผ่านมา

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

  • @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

  • @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.

  • @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.

  • @anetakahleova5705
    @anetakahleova5705 17 วันที่ผ่านมา

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

  • @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?

  • @kerrykreiter445
    @kerrykreiter445 2 หลายเดือนก่อน

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

  • @minhajsorder482
    @minhajsorder482 2 หลายเดือนก่อน

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

  • @ravinduakalanka8074
    @ravinduakalanka8074 2 หลายเดือนก่อน

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

  • @paski702
    @paski702 2 หลายเดือนก่อน +2

    Exactly what I need. Thanks a lot. 💯

  • @penguinxed
    @penguinxed 2 หลายเดือนก่อน

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

  • @abahunekwuojo4568
    @abahunekwuojo4568 2 หลายเดือนก่อน

    Your videos are always cool and understandable. Thanks for this

  • @suprabhatkumar5478
    @suprabhatkumar5478 2 หลายเดือนก่อน +1

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

  • @amaradave
    @amaradave 2 หลายเดือนก่อน +1

    Thank you for this course!

  • @Codak_3
    @Codak_3 2 หลายเดือนก่อน

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

  • @alexandersamokhin
    @alexandersamokhin 2 หลายเดือนก่อน +2

    Instant like for Brad

  • @Coder.tahsin
    @Coder.tahsin 2 หลายเดือนก่อน +1

    Love your tutoriala Brad 💗

  • @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 TH-cam ideas.

    • @justindouglas3659
      @justindouglas3659 2 หลายเดือนก่อน

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

  • @unpluggedaman
    @unpluggedaman 2 หลายเดือนก่อน +1

    Thanks a lot 🙏

  • @sabeurbessaoud
    @sabeurbessaoud 2 หลายเดือนก่อน

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

  • @madhousenetwork
    @madhousenetwork 2 หลายเดือนก่อน +1

    Thank you

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

  • @marpusik1277
    @marpusik1277 2 หลายเดือนก่อน +1

    Thanks 🙏

  • @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

  • @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.

  • @majadulislampallab1351
    @majadulislampallab1351 2 หลายเดือนก่อน +1

    ❤❤❤

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 หลายเดือนก่อน

    Thanks!!!

  • @dev-akeel
    @dev-akeel 2 หลายเดือนก่อน

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

  • @yyzou4492
    @yyzou4492 12 วันที่ผ่านมา

    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!

  • @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

  • @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)

  • @gomo5628
    @gomo5628 หลายเดือนก่อน

    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  หลายเดือนก่อน +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 หลายเดือนก่อน

      ​@@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.

  • @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 TH-cam! 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 TH-cam 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

  • @trongnhanle83
    @trongnhanle83 2 หลายเดือนก่อน

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

  • @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 👍

  • @nmurugesan3435
    @nmurugesan3435 2 หลายเดือนก่อน

    Please update Laravel course. And add Livewire.

  • @shahzazaib
    @shahzazaib 2 หลายเดือนก่อน

    Sir Wordpress and Next Js Ecommerce storeeeeeee pleasee ❤❤❤

  • @harrytuttle8819
    @harrytuttle8819 27 วันที่ผ่านมา

    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 20 วันที่ผ่านมา

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

  • @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 ?

  • @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

  • @kim92se64
    @kim92se64 2 หลายเดือนก่อน

    23