the most important Next.js features to learn (in 8 minutes) 

Little fun VSCode Explorer file creation tip: Instead of "create folder" and enter "users" then right click that and "create file" to create page.tsx, you can just select "create file" then type the full path such as "users/page.tsx" and VSCode will automatically create the folder if it doesn't already exist, as deep as you make the path.

This is exactly how I love to learn something. Just get my hands dirty, try to make it work, make assumptions. When those assumptions don't work you learn something in a way you never forget. Obviously its not for everyone, but those who enjoy exploratory learning its the best feeling.

Me watching you do things I do every single day: 👁️👄👁️

Coming from like 2 beginner NextJS tutorials, this has some how taught me more then 4 hours of RU-vid

1 hour worth content resumed in less than 10 minutes, thanks Cody!!!

This type of content is great. I haven't looked into Next.js for a while and this video showed me in 8 minutes something that I would have had to study for an hour from the documentation.

that was awesome, its actually way to short, you should do a playlist where you cover all the typical workflow with the best practices to follow. sorry about for the typos English is not my first language.

btw, I know y'all will call me out on that form reset hack, here is a proper solution useEffect(() => { if (state.message === "success") { formRef.current?.reset(); } }, [state]);

Appreciate the compressed flow to this upload.

These short type of videos are really good, keep at them!

Awesome! Yes please, more of these compact learn next.js features. It's simple, fast and concise, great to focus and retain information.

bro the keyboard sounds so good.

As somebody who has a large page router nextjs app, it’s great to get an overview of all the new stuff. Though there are so many breaking changes and issues, I probably never migrate 😂

This is great! I already know this stuff, but having content that summarizes all of it really well helps me a lot!

who else is loving hearing the keystrokes

Thanks, just what I was looking for to understand how build classic CRUD thing in Next.js

This made my day

Quick and sweet Keep going brother

Great video, loved the format!

Great video! I love working with Nuxt

Quick and simple content to learn or refresh knowledge. Great teacher 🙂

Really great and informative video! Love to see more like this.

Love this concise way of teaching. Great content. Thank you.

like how you simplify the path for new developers who are coming to learn nextjs. speacially who are coming from react and don't about the difference between 'use client' and 'use server'.If I was a beginner and don't know much about nextjs this video will help me out a lot and this will let me know what the concepts should focus more about.Can you do more videos like this in the future this will help us a lot, maybe you can do a prisma video and connect it to a nextjs project .

Good content! perfect pace 👍

love your vids dude keep them coming

Thank you for this!

What keyboard r u using??? Sounds great

Love your videos. What VSCode Theme do you use ?

These small bits are really helpful! Can you also add some pagination techniques and how to handle them whence fetching records from DB/Api calls

Really good content. I appreciate it. It is very helpful. What VSCode theme are you using? I like it a lot :)

that was actually fast, awesome

Excellent video

Great video!!

Great video. When do you find yourself reaching for route handlers. Do you typically use them anytime you're fetching data from a client component? Would you ever use one to mutate data over a server action? Any gotchas I should be aware of?

What keyboard are you using?

Thanks a lot for this video it's cool to watch ! Do you use copilot for code completion or another AI ?

Great job, bro! I really liked this concept of delivering information in a very short period of time. One thing I need to ask: can you also create a playlist where each video provides information and guidelines on topics ranging from creating a structure to following patterns, implementing authentication and authorization, using Next.js API routes or server actions, or custom backends like NestJS with Docker and Kubernetes, or managed services like Supabase and Convex for large-scale production applications? That would be awesome. Please note: I am talking about big production-grade applications.

This is ace and makes me depressed that I use angular at work lol Also what keyboard do you use? Sounds amazing!

Cheers for the video! I am coming from remix and trying out next for the first time. I get an error when installing a fresh create-next-app on my D:/ drive when I run npm run dev? It works fine on my C:/ drive however. I think it could be a webpack issue. Have you ever ran into anything like this before?

Great video.

Great stuff, picked up a few tips, twice as long please!

Which keyboard and keys do you have? Sounds good Cody!

keep em coming

in react 19 the useFormState is named useActionState and inside it also exists a isPending that you can use instead of using the useFormState and also making the button a seperate component

The first step should absolutely be to read the docs😊

Excellent 👍

So cool man 😎

awesome 👍

which better ? iam using react hook form to handle form submission and i am using function in server action file!

I think you mentioned the drawback to this method one time which is that since the form validation occurs on the server, if a user has a very slow connection and they enter in a value on the form, it would take a long time to show the error. Moreover, the input validation can't be "live" in this case right? I think it would have been good to note this in the video

Awesome

Thanks

How does something updateNameAction.bind(null, user.id) work, wouldn't the second argument of the newly bound function be a form submit event instead of formData?

Hi Cody, how would you start learning Next JS if you would decide to do it RIGHT NOW? Maybe starting from their tutorial from their website first? I see you have a course on your website as well, but it's not updated to Next JS v.15

Is it good or bad that the structure is still /pages and .js files?

how do we initialize form in next js. I'm building edit form and will need to initialize the form on first load but having trouble to do it. Can you please teach how to do that

Perfect.

legit running a team right now with a bunch of interns and I redirected them to your video...I was like this is a very quick intro or a revision and then make question ask chatgpt or something figure it out and then come to me THANKS

What keyboard are you using ?😂 (sounds great)

Hello this is not relate to next.js at all but can you tell me the name of vscode theme that you're using please? Edit: for anyone also wondering it's bearded theme - stained blue.

Where was this video 2 weeks ago when i did a 3 day dive into this madness As an iOS dev I dont like frontend omg, you guys are crazy string coders😅

What the keyboard ⌨️ xD I think the mic is tad bit too close to it ;)

Which theme is this??

Everyone at my work is so against this monorepo style of Next.js and we use a lot of React Native so I've been only been writing regular React, I miss it so much

Love this channel! Does anyone know of some other good channels in a similar space? In particular those that focus on SaaS development and walk through the day-to-day and technical details of running one.

Nice

Theme?

Can you please create a Next.Js fullstack project using lucia for authentication. That would be so incredibly helpful!

Kind of disappointing to see how much overhead there is just to do something this simple to be honest. Good video regardless!

Amount of gotchas is crazy.

I honestly despise adding an external value to the action, I just use a hidden input with the name and just get the value from the form data.

coming from react, this feels like a different language to me

Copilot can't keep up with this man. Wow!

Spam the enter key 😂

The most important feature is to delete .next folder when it fails to build

that (global as any).user gave me a headache!

First to comment 😂❤

DO NOT tell me what to do!

after watching feels like sveltekit is way more better ....like way moreeeee

First

Why do people like magic? Routing that happens automatically based on folder structure, saves you like 5 seconds of typing it in an explicit router file, and causes hours of problems down the line when you need to do something more complex. This idea of specifying parameters by creating an empty folder is some stupid shit. Anyone who uses this must surrender their understanding of what is going on at the door. Having no mental model for what's happening makes this a world of pain as you start using it deeply. The web has always been terrible and it looks like it's committed to being terrible until it gets replaced entirely. Glad I haven't had to do web dev in 4 years.. Mobile app development isn't great, but it's better than this.

Don`t read the Docs🤣😂🤣

1st don't read the docs 😂

uses npm in a speedrun 🙄

its just horrendous, no thanks 😂😂, next feels pretty "hacky" tbh! and i dont like it!

More short form teaching g 🫡

What keyboard do you use ?