Next.js Tutorial for Beginners (User CRUD App)

[@cguser]

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]

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

[@cguser]

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

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]

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

[@LearnWebCode]

Thank you so much! This made my day 🙏

[@sionkim5504]

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

[@ReeveJonathanA]

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]

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]

@@LearnWebCode please more next js content!

[@iambhavinpatel]

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]

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

[@nothing-s9u]

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

[@adca-designs]

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

[@LearnWebCode]

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

[@kerrykreiter445]

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

[@minhajsorder482]

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

[@youtubefornothing]

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]

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.

[@penguinxed]

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

[@anetakahleova5705]

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

[@ravinduakalanka8074]

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

[@paski702]

Exactly what I need. Thanks a lot. 💯

[@alexandersamokhin]

Instant like for Brad

[@abahunekwuojo4568]

Your videos are always cool and understandable. Thanks for this

[@akash-kumar737]

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

[@Coder.tahsin]

Love your tutoriala Brad 💗

[@amaradave]

Thank you for this course!

[@suprabhatkumar5478]

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

[@unpluggedaman]

Thanks a lot 🙏

[@reze_dev]

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

[@marpusik1277]

Thanks 🙏

[@justindouglas3659]

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]

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

[@justindouglas3659]

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

[@militaryforcestv1]

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.

[@Codak_3]

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

[@madhousenetwork]

Thank you

[@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]

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

[@viniciusm.m.7822]

Thanks!!!

[@dev-akeel]

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

[@majadulislampallab1351]

❤❤❤

[@kerrykreiter445]

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]

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]

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

[@yyzou4492]

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!

[@sabeurbessaoud]

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

[@thebilalafsar]

*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]

Hi, I do have a bunch of new WP follow-along projects planned for KZbin! 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]

@@LearnWebCode It would be great if you could add more WordPress-related tutorials to your KZbin 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]

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

[@igorr4682]

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]

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

[@iambhavinpatel]

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

[@cafelutsa_]

react would help a lot

[@DevDelTaco]

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)

[@pravin8706]

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

[@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]

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]

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

[@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]

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]

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

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]

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]

@@LearnWebCode Thanks, I understand 👍

[@trongnhanle83]

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

[@erlongs]

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]

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

[@myrealm7115]

​@@outpost31737 bro after watching huxnwebdev

[@shahzazaib]

Sir Wordpress and Next Js Ecommerce storeeeeeee pleasee ❤❤❤

[@nmurugesan3435]

Please update Laravel course. And add Livewire.

[@lostinthenarrativve]

Can you please make a Stripe tutorial ?

[@saltech2024]

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

[@kim92se64]

23