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.

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

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

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.

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.

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.

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]);

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

Appreciate the compressed flow to this upload.

First 10 seconds made me watch whole video 🤣 love your content, quick and simple, you're the best, Cody !

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.

This made my day

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

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

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

Great video! I love working with Nuxt

Quick and sweet Keep going brother

who else is loving hearing the keystrokes

bro the keyboard sounds so good.

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

This is so perfect. I shared it with my team saying "Chuck Williams, [2024-06-28 10:49] Watch this 3 times on double speed. I learned 3 very important things in the first 3 minutes.... so 1.5 minutes. kzfaq.info/get/bejne/gtF0mM-hmr27iYk.html Chuck Williams, [2024-06-28 10:51] This is all NEXTJS capability. we get ALL of this - WITHOUT CONVEX Chuck Williams, [2024-06-28 11:10] @ Minute 1:08 - that's the page where we integrate convex."

Great video, loved the format!

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

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 .

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 😂

Good content! perfect pace 👍

love your vids dude keep them coming

Thank you for this!

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

Excellent video

that was actually fast, awesome

Great video!!

Love your videos. What VSCode Theme do you use ?

What keyboard r u using??? Sounds great

what is your keyboard? Sounds amazing.

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?

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 stuff, picked up a few tips, twice as long please!

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

Great video.

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

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.

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

Excellent 👍

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

So cool man 😎

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

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

awesome 👍

What keyboard are you using?

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

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

Thanks

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

Perfect.

The first step should absolutely be to read the docs😊

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.

What keyboard are you using ?😂 (sounds great)

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

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

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.

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

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

Nice

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.

Which theme is this??

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

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😅

Theme?

Amount of gotchas is crazy.

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

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

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

Spam the enter key 😂

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

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

First to comment 😂❤

First

Don`t read the Docs🤣😂🤣

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.

1st don't read the docs 😂

uses npm in a speedrun 🙄

DO NOT tell me what to do!

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 ?