Next.js Projects: Build a Full-stack App with Next.js, Tailwind, Radix UI, and Prisma
Be taught to construct a contemporary, full-stack, production-grade difficulty tracker with Next.js (app router), Tailwind, Radix UI, Prisma, and MySQL.
– Wish to study extra? Get my full Next.js sequence:
– Subscribe for extra movies like this:
PART 1: GETTING STARTED WITH NEXT.JS
LEARN REACT
YouTube Tutorial:
Full React Course:
MORE FROM MOSH
Programs:
Weblog:
Fb:
Twitter:
TABLE OF CONTENT
0:00:00 Introduction
0:02:06 Stipulations
0:02:55 Supply Code
0:03:34 The best way to Take This Course
0:04:33 Venture Roadmap
0:06:49 Setting Up the Improvement Surroundings
0:08:07 Making a New Venture
0:10:59 Building the NavBar
0:19:52 Styling the Lively Hyperlink
0:26:10 Setting Up MySQL
0:28:09 Setting Up Prisma
0:29:55 Creating the Difficulty Mannequin
0:36:36 Building an API
0:43:31 Setting Up Radix UI
0:46:04 Building the New Difficulty Web page
0:51:02 Customizing Radix UI Theme
0:55:55 Final Next.js Course
0:56:56 Including a Markdown Editor
0:58:52 Dealing with Kind Submission
1:07:36 Dealing with Errors
1:14:26 Implementing Consumer-Facet Validation
1:20:40 Extracting the ErrorMessage Element
1:24:03 Including a Spinner
1:28:24 Dialogue- Code Group
1:32:22 Final Next.js Course
#nextjs #reactjs #webdevelopment
source
Hi @21:56, I have noticed that the logs are printing multiple times on each page navigation. What can be the potential reason for this ?
man love the tutorials. Only thing I could even say is that explaining a little bit more on why we are doing some of things would be useful, example being, we import react-hook-form controller, maybe tell us a small bit about what that does. Most of the time you are good a breaking things down, just saying a little more expansion would be the cherry on top.
There are other situations where for an intermediate dev, it would be useful. Hope that makes sense for future videos
Next part?
I followed along with the steps to change the font at 53:15 and it didn't work for me, so I downloaded your code and checked out the commit right after you made the same changes and it didn't work either. Any idea why it works for you but doesn't work on my computer?
Great tutorial otherwise
Next up drizzle ORM would be a great option to build with 🎉
how do you create a <NavBar /> in layout.tsx like that it shows up an error
I'm having problem with setting the default Font to Inter. Followed all the steps but default family is still apple-system.
From the console we can see that .radix-themes we have set in theme-config.css are getting overridden by the .radix-themes values, and therefor default font family is not being set to Inter.
Is there a better way to enforce the use of the Inter, without adding the !important ?
Also creating our own isSubmitting state is not needed…you can use isSubmitting from the formState.
I really enjoy this video, thank you so much
Thank you sooooooooooo much
great tutorial, please continue making more such project tutorials. Thank you Mosh <3
can you do a frontend project like an ecommerce store , thanks
Great video u made with mysql there is no video like that on next js with mysql
Plz a series on next with mysql ecom project
hello mosh i'm gorbe 😀
When Will be the next part of this Application Tutorial will be posted ???
I can't override Radix theme default font family, seems that Radix repo having an issue with that
@mosh How can I get the code? Happy to pay.
Thanks Mosh. Back when I was starting out, your python tutorial helped me immensely. Now again, you have rescued me from weeks of agonizing pain, lol. Thanks once again.
theme name ?
THANK YOU for the video… You gained a new subscriber… by the way, do you have a discord channel?
Awesome tutorials really love it thankyou mosh
Excellent ! Best of the best!
many thanks, dear Hamedani ❤
Guess T3 is the new MERN…
really want more like this!
When are you creating the database? Or does prisma do it for you?
Hi Mosh, I'm a big fan of your channel and have learned a lot from your tutorials. I wanted to kindly request if you could create a beginner's tutorial series for Golang. I'm really interested in learning the language, and I believe your teaching style would make the learning experience enjoyable. Thank you for considering my suggestion, and keep up the amazing work
great quality content, but as soon you subscribe to their website they keep charging you even after unsubscribing. they don't let you delete your credit info and respond the way it is our fault, like we can do anything about the autorenewal, not fix their website issue which is not secure and reliable to add credit info.
Mosh you're the best ❤️
Your server seems down, can't access the course. Please fix asap
You have made huge impact in my journey as a developer. Glad to see you progressing.
Hello sir, which theme and font using in vscode?
Does anyone know the ohmyzsh theme he is using for his terminal?
❤
When is the next part coming of this video?
We love you mosh
Iran
Amazing
is there going to be another part making it so users can log in, see their issues, stuff like that or is this the end of this project? really enjoyed it, great job
Thank you Mosh, your teaching style is pedagogy. Please let me know about course and course contain. Redux is also available ?
I have been off track for a year now and forget everything I learned.
Once again I'm thinking about starting over with this course, with Mosh's course..
❤I enjoyed your videos! Do you have any plans to create a tutorial on building an inventory management system using Next.js? Your tutorials are fantastic, and I'd love to see one on this topic! I also want to include some Python and machine learning, as well as utilize free APIs for data integration.
Hi Mosh, would you please tell me which theme you are using in the VSCODE
There is play list for frome were i start to learn web developer ?
Thank you mosh i learn alot just because of your amazing teaching style but here I have a problem if you can answer me how to choose the right framework for the project. i am confused from a long time?