Next.js Full Stack Project w/ Nextjs 15 & React 19

[@DaveGrayTeachesCode]

Use the code "davegray" for 3 months free on the Team plan of Sentry for any new accounts: bit.ly/try-sentry-dg

[@JimohSegun]

Can you please help us with your vs code setup, theme , icon fonts and so on

[@풍월상신]

This is the one that I've been waited for long!!! Tech Stacks all together for a real world project like this. So excited!! I'm still watching and thank you Dave.

[@DaveGrayTeachesCode]

Glad to hear that!

[@akcookingrecipes1013]

I discovered your channel 2-3 days ago and I am already getting addicted to your content. Your content is so nice. Thx for making these videos!

[@DaveGrayTeachesCode]

Welcome aboard!

[@klhmia]

Ever since I got a job as a software engineer at a major company I've been thinking how none of the guides or even really my school taught me error handling in-depth and what to do other than console logging / erroring. I had to learn the hard way about tools like Sentry so it's very refreshing to see this included in your guide. Teaching production level processes and practices is much needed!

[@DaveGrayTeachesCode]

@@klhmia Agree! Thank you!

[@aritrasadhukhan5674]

I have to appreciate your efforts for showing us a realistic world view along with your amazing content.

[@DaveGrayTeachesCode]

Thank you!

[@FrostiesTanks]

Dave! Thank you SO much for this project - I recently graduated from a webdev bootcamp and have been building _everything_ from scratch using vanilla React. That was a good learning experience, but oh my gosh the developer experience with Next, TS and Tailwind is orders of magnitude better. I'm so excited to keep building and hopefully land a career role before too long; this breathed some much-needed fresh air into the whole experience. Wow, what a difference. You rock - again, _thank you_ !!!

[@DaveGrayTeachesCode]

You're very welcome!

[@emmanuelbinen6554]

This is like a miracle for me. Last week I searched for this on your channel. Thank you so much

[@DaveGrayTeachesCode]

Good timing!

[@LucidFort]

Thanks Dave. Your channel has taken me to unimaginable heights since i started coding. Love your work ❤❤

[@AlexanderMatosOlivo]

I love this course!, and simply because you don't hide all the issues and solutions for every step... Thanks a lot for this invaluable resource, I will be one of your must dedicated students!

[@DaveGrayTeachesCode]

You're very welcome!

[@agora-voce-sabe-avs]

Boy! This project is very rich in technology! I've been following you for a while and recently subscribed to your channel, your content is extraordinary! I could rise from my junior level to full-fledged just with your videos. My thanks from Brazil!

[@akibahmed229]

"I'm excited for this project 😀! Having already completed your MERN project, I believe this will be one of the best Next.js projects out there.

[@DaveGrayTeachesCode]

Thanks! You will see some similarities to the MERN Stack series I created, but this is a very different approach and end result. Glad you are looking forward to it!

[@akp2082]

Thanks Dave !! Appreciate and thankful enough for the huge effort you putting to deliver us a real world Application with full-stack base. Helps me a lot in visualizing and approaching . Thank you once again !!

[@DaveGrayTeachesCode]

You're very welcome!

[@signalsensei]

Oh! Next 15 seems awesome! I completely skipped next 14 now I fill follow this tutorial!

[@vaniad555]

I've been waiting for this one, thank you for all your hard work!

[@ehdar3870]

Thank so much Dave. Hope next series will come soon.

[@anangyoga1381]

Another series is coming up. Thanks Dave!

[@DaveGrayTeachesCode]

You're welcome!

[@nsrka565]

Incredible video, Dave, as always. I'll watch it later today

[@DaveGrayTeachesCode]

Glad to hear it!

[@joaoarthurbandeira]

Hey Dave, great content as usual, master!! I would loovee if you could do some videos (perhaps even some projects) using both Nextjs in the frontend and Django Rest Framework in the backend and showing how to integrate them, jwt authentications, csrfs, forgot password, sending emails etc. Keep rollin' ! 🤘🏻

[@DaveGrayTeachesCode]

Thank you!

[@SriRangaSaiPagala]

This format is awesome

[@DaveGrayTeachesCode]

Thank you!

[@lollyinnovation1948]

Very detailed Waiting for the continuatin videos Thanks

[@PlayhouseMediaGroup]

Thank you Dave, see you in the next one.

[@DaveGrayTeachesCode]

You're welcome! The next one just published this morning.

[@DevAmmarSaqib]

Hello Dave, I don't comment on anything but this is my first time commenting on any KZbin video. I discovered your channel several months ago, and I learnt web development through your free tutorials. They were of much help! Thanks, man! But I want to maybe request or ask if you plan to teach Angular JS in the future. You already have completed the MERN stack, but I think those who want to do the MEAN stack for some reason should also get a tutor like you! Thanks btw for such amazing and free tutorials!

[@DaveGrayTeachesCode]

@@DevAmmarSaqib thanks for the comment! I may get to cover Angular at some point. This Next.js series will take me to years end.

[@theintjengineer]

AngularJS? Please, no. Rather, Angular v18 and up. AngularJS is a whole different thing. Please look that up, haha.

[@GelaDzia20]

Your explanation style and manner of speaking are very pleasant to watch and listen to. I'm sure it would make for a great course. Would this project to learn PostgreSQL and Drizzle a good approach, or would it be better to dive in after some hands-on practice?"

[@DaveGrayTeachesCode]

@@GelaDzia20 thanks for the kind words. You will learn some of Postgres and Drizzle, but only what is needed for this project. It might be a good intro to them before you dive deeper.

[@GelaDzia20]

​@@DaveGrayTeachesCode Just as I suspected, this is great course. I really appreciate it! Thank you!

[@PranavRPise]

Looks like this is the Next.js version of MERN stack techNotes applcation. Appreciate the video.

[@DaveGrayTeachesCode]

@@PranavRPise Indeed! There will be many differences along the way 🙌

[@PranavRPise]

@@DaveGrayTeachesCode Excited for new episodes!

[@oscarsangularchannel3956]

Thank you so much for this video! Will you continue building the project here in KZbin or you have a platform where you show the complete build ? Thanks

[@DaveGrayTeachesCode]

It will continue on KZbin.

[@luckyday_5510]

Could not have been better timing. I need to learn how to make webapps!

[@fidelisadang9957]

Thanks Dave 💪...is the 2nd series out? Share the link if it's out...i can't find it.

[@DaveGrayTeachesCode]

Currently still working on this series, one new video each week. Link to the full playlist in the video description. Has all released videos so far.

[@nwodothomas7963]

Dav, this is awesome ❤

[@DaveGrayTeachesCode]

Glad to hear it!

[@ilan117]

Hi Dave ❤ you didn’t have to go and install the every component like that … you could have used the same command -legacy ………… that’s how I did it in my last project with the rc version

[@abdallahazme4757]

Thanks a lot. Waiting for the other lessons

[@DaveGrayTeachesCode]

You're welcome! At least one per week and maybe more as it progresses.

[@GavHTFC]

Begging your pardon, NextJS 15? Didn't they launch version 13, like, half an hour ago?

[@DaveGrayTeachesCode]

It seems like it 😆.. but 15 is here.

[@justafreak15able]

Welcome to the JavaScript ecosystem. 😅

[@kipfitpal]

Thanks a bunch, Dave !

[@DaveGrayTeachesCode]

You're welcome!

[@adamacamara9308]

I haven't yet watch it but i know it's good already

[@DaveGrayTeachesCode]

Thanks!

[@AVidhanR]

Its drizzle time finally

[@DaveGrayTeachesCode]

Yes, Drizzle is great to work with 🙌

[@oladapooluwadurotimi2865]

Well done sir.

[@DaveGrayTeachesCode]

@@oladapooluwadurotimi2865 thank you!

[@nikolas4749]

Thanks Dave I 've seen some github project where there use next node and postgresql as backend. I thought next was build on top of node so why using node ? I wonder if you can make a video on how a backend with next node and the database interact with each other ?

[@DaveGrayTeachesCode]

You will see that in this series as we connect to Neon postgres with Drizzle ORM. You are correct that the back end of next.js is node.

[@togya4]

Full project, with all the needed contents, onnnnly with 1:30 hs Great

[@DaveGrayTeachesCode]

This is a series, so chapter 1 is 1:30.. but there will be more videos to come.

[@togya4]

@@DaveGrayTeachesCode that's bery satisfying to hear but, won't you be focusing on reaxt native?

[@HenokGebresenbet]

thank you for using drizzle orm

[@DaveGrayTeachesCode]

Welcome! Very nice to work with 🙌

[@regilearn2138]

Appreciate if you can show how to do micro services and a micro front end using this project

[@omarjab]

is the series about react native stopped or will it continue?

[@DaveGrayTeachesCode]

It will continue on Fridays

[@omarjab]

@@DaveGrayTeachesCode oh amazing, thank you!

[@creeptomancer8199]

What are the prerequisites ok watching this tutorial? Can i watch and learn this tutorial as a total beginner?

[@DaveGrayTeachesCode]

I list the prerequisites near the beginning of the video. This video series is not for absolute beginners.

[@doriomer]

it looks like an interesting tutorial BUT do u have a link for us so we can see the result? at the end of this video the project has only a navigation bar 🤔 i wonder...

[@DaveGrayTeachesCode]

Did you listen to the beginning of the video? We start with a user stories list and build from there like a real world project. This isn't like the tutorials that show you the end result first. When a client hires you, you can't show them the end result before you build it. This is a video series. You're not going to see the complete project at the end of the first video.

[@doriomer]

Thank you Dave, i watched the start but . .missed the part that it is a part of a series

[@TerminalNum]

Love you,Sir

[@DaveGrayTeachesCode]

Thank you!

[@abhishekgandhi6593]

Amazing sir❤

[@DaveGrayTeachesCode]

Thank you!

[@rajausamah7569]

wow just when i thought my life was messed up there is javascript with with million of libraries packages and frameworks keep them coming...

[@JimohSegun]

Amazing

[@status-200-ok]

wow , i like and sub , this super interesting, thanks

[@DaveGrayTeachesCode]

Welcome aboard!

[@mamun3192]

Wow! Damn❤🎉

[@DaveGrayTeachesCode]

Right on!

[@mahfoudh_arous]

why not next-auth? does kinde auth presents some advantages?

[@DaveGrayTeachesCode]

I do prefer Kinde and this project series is about what I use daily. The 2nd video in the series dives into Kinde so you can compare.

[@abdulazeezanimashaun5426]

Awesome 🎉

[@DaveGrayTeachesCode]

Thank you! Cheers!

[@rifatmunna]

hey can you suggest me what should I learn to grow my skill . should I learn flutter with dart or c# with .Net for app dev. so, my goal is cross + great ui + multicore + best performance . so confused at this moment .

[@DaveGrayTeachesCode]

Flutter and React Native are usually the cross platform choices for Native Mobile App development. I have a React Native series underway on my channel now.

[@nickwoodward819]

are there any features here that wouldn't work when deployed to say cloudflare or locally?

[@DaveGrayTeachesCode]

@@nickwoodward819 not that I know of. There will be nothing out of the ordinary here. That said, I have not used those deployment options. Vercel just shared about a dozen templates for different deployment support.

[@hailesh123]

I already called u grandpaa 🤟

[@taiwo-Akerele]

Hey dave I enjoy your content and your videos it has helped me a lot but I need your help can you help me with a video of next js 15 and typescript together I've been trying to fix a particular bug but I keep on getting issues please help me out

[@DaveGrayTeachesCode]

This video series uses TypeScript with Next.js 15

[@KJeeDe]

Setting experimental.instrumentationHook to true in next.config.js is currently not necessary in Sentry manual set up.

[@DaveGrayTeachesCode]

That is correct. This video was made prior to the stable version making that change. I note this and make the change in video # 4 of the series.

[@AKRIDASGAMWEKSOGIINI]

9:24 I feel seen

[@AVidhanR]

npm install next-themes --legacy-peer-deps can't install the package without the tag even after i've got nextJS 15.X.X

[@DaveGrayTeachesCode]

Right. It will take packages some time to catch up. They don't immediately update with a new release.

[@adityaprasad3122]

Is it for beginners in nextjs

[@DaveGrayTeachesCode]

It can be. Near the beginning of the video I say you should have experience with React, but I'm not requiring Next.js experience as a prerequisite.

[@lilsafmusic]

How many parts are there?

[@DaveGrayTeachesCode]

I never know for sure and just follow the content. I estimate around 12.

[@karthik_pushparaju]

Why use src directory?

[@DaveGrayTeachesCode]

Preference. I like it. You don't have to.

[@karthik_pushparaju]

@@DaveGrayTeachesCode Thank you for replying. You are one of the best coding teachers on KZbin, if not the best.

[@codernerd7076]

wow Sentry slows down the dev client by a lot!

[@DaveGrayTeachesCode]

@@codernerd7076 I haven't had that experience. Do you mean when you first start with npm run dev or are you referring to response times in the browser? Might need to free up some RAM if you have a lot running.

[@riccardoguitar]

Dave, I follow you from a certain time now and I love your ways - I respect you..but, before to make a Next.js video, you should refresh the React course, it's been a while from when you published it and the library ad its ecosystem changed a lot..and learning at first the best practice for modern React would be basic and crucial to make things in Next.js from now on. My 2 cents.

[@DaveGrayTeachesCode]

@@riccardoguitar I'm looking at a refresh for that in the coming year. I would like to see React 19 released as stable first. I do appreciate your feedback! Thank you! 🙌

[@riccardoguitar]

@@DaveGrayTeachesCode You are huge! ❤️

[@thekaka6520]

Mern fullstack typescript with mysql db, please😢

[@DaveGrayTeachesCode]

The MERN acronym usually means the M stands for MongoDB. MySQL and Postgres (PostgreSQL) are very similar. There's a lot to learn from this series.

[@k303k]

Can i request for Remix series sir?

[@DaveGrayTeachesCode]

Great request! Maybe early next year 🙌

[@k303k]

@@DaveGrayTeachesCode Thanks a lot Sir.

[@mehdid.a.z5734]

Bro what's your theme name

[@DaveGrayTeachesCode]

Here you go: kzbin.infodp4u1NNFhtE

[@idevbrandon2047]

Am i the only one who getting hydration error after adding Sentry?