Next.js Projects: Build a Full-stack App with Next.js, Tailwind, Radix UI, and Prisma

Подписаться 3,9 млн

Просмотров 154 тыс.

50% 1

Learn to build a modern, full-stack, production-grade issue tracker with Next.js (app router), Tailwind, Radix UI, Prisma, and MySQL.
- Want to learn more? Get my complete Next.js series: bit.ly/nextjs-series
- Subscribe for more videos like this: goo.gl/6PYaGF
PART 1: GETTING STARTED WITH NEXT.JS
• Next js Tutorial for B...
LEARN REACT
RU-vid Tutorial: • React Tutorial for Beg...
Complete React Course: bit.ly/3l0vWYR
MORE FROM MOSH
Courses: codewithmosh.com
Blog: programmingwithmosh.com
Facebook: / programmingwithmosh
Twitter: / moshhamedani
TABLE OF CONTENT
0:00:00 Introduction
0:02:06 Prerequisites
0:02:55 Source Code
0:03:34 How to Take This Course
0:04:33 Project Roadmap
0:06:49 Setting Up the Development Environment
0:08:07 Creating a New Project
0:10:59 Building the NavBar
0:19:52 Styling the Active Link
0:26:10 Setting Up MySQL
0:28:09 Setting Up Prisma
0:29:55 Creating the Issue Model
0:36:36 Building an API
0:43:31 Setting Up Radix UI
0:46:04 Building the New Issue Page
0:51:02 Customizing Radix UI Theme
0:55:55 Ultimate Next.js Course
0:56:56 Adding a Markdown Editor
0:58:52 Handling Form Submission
1:07:36 Handling Errors
1:14:26 Implementing Client-Side Validation
1:20:40 Extracting the ErrorMessage Component
1:24:03 Adding a Spinner
1:28:24 Discussion- Code Organization
1:32:22 Ultimate Next.js Course
#nextjs #reactjs #webdevelopment

Опубликовано:

4 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 164

@programmingwithmosh Месяц назад

🚀Want to master Next.js? - Check out my full Next.js course: bit.ly/nextjs-series - Subscribe for more videos like this: goo.gl/6PYaGF

@webapple1 4 месяца назад

for anyone having issues around 53:00 , add important to the end of the line of css in the theme-config ; --default-font-family: var(--font-inter) !important;

@ar-ul5kj 25 дней назад

thanks dude, you've saved the world today :D

@ThinkLikeCoder 24 дня назад

thanks bro

@sauravkumarjha2838 7 месяцев назад

You have made huge impact in my journey as a developer. Glad to see you progressing.

@FlockofBees 6 дней назад

I love your explanation style and speed. This is really helpful to code along and get the feel of how to think like an engineer. More like these would be amazing; different stacks, different projects. Criminally under-rated content.

@typingofthecode 7 месяцев назад

I can't express how much I have learned from you! Thanks for the hard and smart work.

@egaiosowor 7 месяцев назад

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.

@code-byte-hub 7 месяцев назад

Thank you, your tutorials helps me to to get my job and work with real projects.

@chibuzorisrael5878 7 месяцев назад

15mins into this course and I was able to solve a problem in my portfolio website. Thank you so much Mosh. Please all learners ensure disable ads blockers, don't skip ads. When ads plays, see it as break time and quickly go review whatever you have learnt.

@xaosland 7 месяцев назад

We downloaded this video and are watching offline)))))

@NobleOsinachi 7 месяцев назад

My kinda guy 👍👍@@xaosland

@paullauren316 Месяц назад

Great content as always. Never disappointed when I watch a Mosh video.

@shanu494 7 месяцев назад

great tutorial, please continue making more such project tutorials. Thank you Mosh

@imclowdy 7 месяцев назад

You are the best, because of you I got an amazing job. Thank you for such great content sir.

@xyzatin 7 месяцев назад

You are amazing Mosh! Thanks for your great courses. 🙏💯

@ShakkeerTheCoder Месяц назад

Mosh, you are the best teacher.

@kenkioqqo 7 месяцев назад

Mosh has helped me a lot on my software engineering journey since discovering him in February this year. Today, I'm able to build Django APIs, web apps, and Python scripts for everyday tasks and his courses have been very instrumental in helping me get to this level.

@fitrianhidayat 7 месяцев назад

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

@blue0hat 5 месяцев назад

what a beautiful project, i love out of the box ideas projects

@GoutamReddydazz 7 месяцев назад

I have completed already. It's Awesome course ever i have seen on this earth... thank you so much.mosh

@Latest_movies_and_series 7 месяцев назад

IVE TAUGHT MYSELF ALOT THROUGH YOUR VIDEOS

@WorkationinIT 7 месяцев назад

Great material! - As always! 👏

@Sirreal45 6 месяцев назад

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

@MdAftab-qn1jy 7 месяцев назад

Awesome tutorials really love it thankyou mosh

@wj6946 7 месяцев назад

can't wait for it!!!!

@merabetzakaria2736 7 месяцев назад

You are the best teacher ever 😊

@uminhtetoo 2 месяца назад

Thank you so much for sharing your experience and knowledge, Sir.

@podtainment 7 месяцев назад

really want more like this!

@MAF12.21 7 месяцев назад

I love your leactire and way of teaching

@Yahya_Umar 7 месяцев назад

❤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.

@taihaycode 7 месяцев назад

I really enjoy this video, thank you so much

@malikmudassarawan 7 месяцев назад

Awesome... My love for you grows each day master

@NobleOsinachi 7 месяцев назад

Bro's rolling out tutorials for every JS framework. Wow.

@rezadadu3287 7 месяцев назад

Great Teacher. Take my love Mosh

@carlosoliveiragrijo 7 месяцев назад

You are the best teacher, brilliant, but there is always one thing missing from the courses: Tests. We cannot create a professional application without testing. Whether regression, unitary, integrations or end to end. Thanks for your awesome work 🎉

@programmingwithmosh 7 месяцев назад

I’m actually working on a separate course on testing.

@carlosoliveiragrijo 7 месяцев назад

@@programmingwithmosh oh thanks 🙏 awesome 😎

@nadetdevfullstack7041 7 месяцев назад

Excellent ! Best of the best!

@msghalass 7 месяцев назад

Very good tuto, we wait for the next part, thnx

@user-ev4sq2io1c 6 месяцев назад

Mosh is master at teaching, no other youtuber can compare

@philipsyd263 7 месяцев назад

Can’t wait 😮

@sadat_ahmadi_musavi 7 месяцев назад

many thanks, dear Hamedani ❤

@SolutionTuts 7 месяцев назад

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?

@oreopickles3472 7 месяцев назад

Can't wait!!!!

@abdullahtanveer316 7 месяцев назад

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

@omedakram8970 7 месяцев назад

Mosh you're the best ❤️

@bashirabubakar8047 7 месяцев назад

Thanks

@Yahya_Umar 7 месяцев назад

"Hi there! I've been exploring Next.js and I'm really interested in creating an inventory management system with it. It's a crucial project, and I believe a tutorial from your channel would be incredibly insightful and valuable. Could you please consider sharing your expertise on this topic? Your tutorials are always well-explained and appreciated."

@kamauwaweru4991 7 месяцев назад

you should apply the concepts to develop inventory management system

@sivadhanushuppalapati4041 7 месяцев назад

Hi Mosh, would you please tell me which theme you are using in the VSCODE

@am_sejo 7 месяцев назад

This has been one of the best time investments I have had over the weekend☺☺. Thanks Mosh.

@imaginebreakfast8707 6 месяцев назад

Next up drizzle ORM would be a great option to build with 🎉

@stephenjaramillo4705 7 месяцев назад

Mosh thank you! You brush me up I really loves the course nextjs part 1 particularly on setting up search params, prisma, and next auth. 😊. One thing I want your advice is after I finished the nextjs series. I would like to learn your Design Pattern. Could I learn your design pattern course even though my primary language would be use is javascript? Please help me what requisite I need to do before taking that course

@theintjengineer 7 месяцев назад

That's like doing DSA in JS🤦‍♂ Anyways, if you aren't going to do Design Patterns in C++ [or some would say Java, C# or Python], then don't bother too much about it. Design Patterns have their strength when coupled with OOP.

@minitext1 4 месяца назад

Hi Mosh What are the software you use for your tutorial videos. I so much love your presentations.

@davood7497 7 месяцев назад

Mosh is great !

@Love_Coding 7 месяцев назад

Whenever I fell depressed due to my IIT preparation , I remember that I have Mosh's courses

@BrandonFunk 7 месяцев назад

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

@maherworld1 7 месяцев назад

What are the limitations of using Nextjs as a backend instead of using Express or Nest.js ?

@Odidi_Bee6ix 5 месяцев назад

Nice tutorial

@ankur089 6 месяцев назад

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 ?

@achalprajapati1192 7 месяцев назад

Thank you Mosh, your teaching style is pedagogy. Please let me know about course and course contain. Redux is also available ?

@tomasbuzeta3591 7 месяцев назад

When are you creating the database? Or does prisma do it for you?

@ahmadbilalfarooqi5731 7 месяцев назад

mosh you are awesome

@ranaimranahmed2532 7 месяцев назад

Great video u made with mysql there is no video like that on next js with mysql

@Esteban-x- 4 месяца назад

Why are you not using the isSubmitting from react-hook-form formState ?

@nerminsky1039 7 месяцев назад

Hi Mosh, can you please make video how to use Astro 3.0 in generally

@vodinaefem6093 7 месяцев назад

Thank you sooooooooooo much

@shahzadsheikh1459 День назад

sir please tell that which software you use for screen recording

@jimking2692 7 месяцев назад

As men we don't say much, so much appreciated.

@trungmeister7628 7 месяцев назад

I can't override Radix theme default font family, seems that Radix repo having an issue with that

@nickpiraino3781 6 месяцев назад

Is datagrip necessary for this? Can i exercise the same result without using datagrip?

@godfreytafadzwamavura2106 5 месяцев назад

Hi Mosh I am facing challenges in editing the layout.tsx on this tutorial

@nagarjunachenna4953 7 месяцев назад

Hello sir, which theme and font using in vscode?

@MAF12.21 7 месяцев назад

One more thing, make a small video that how to deploy node express to GCP, AWS and Azure by using docker and NGINX plus user database server from any service to connect with node express project and it should be run fastly every time not give response slower

@mehdiskan 7 месяцев назад

Amazing

@Grishopping 7 месяцев назад

THANK YOU for the video... You gained a new subscriber... by the way, do you have a discord channel?

@user-bl2qe7qi7z 7 месяцев назад

I'm not familiar with typescript. is it possible to have javascript version ?

@yahujatallh 7 месяцев назад

There is play list for frome were i start to learn web developer ?

@asimaliblogger 7 месяцев назад

Mosh sir please give me the idea for a final year project in web based domain. Your help is a lot to me. ❤

@rogertech9535 6 месяцев назад

how do you create a in layout.tsx like that it shows up an error

@lokeshvishwakarma784 7 месяцев назад

Hi, can you please make a video on, how to create the same effect as daisyUI website.

@VideoDarslar 7 месяцев назад

Preparing my 🍿. 😊

@behroozbk 4 месяца назад

دمت گرم , عالیه

@ranaimranahmed2532 7 месяцев назад

Plz a series on next with mysql ecom project

@cloudstrife7083 7 месяцев назад

Mosh when you see all theses innovations in the JS community and React/Next and all the rest do you feel C++/C#/JAVA/PHP/PERL will never catchup in term of popularity or web development ? they will become second citizen programming language or more niche ?

@alazaradane5066 7 месяцев назад

Waiting 🎉

@ZacklFair 7 месяцев назад

Hey mosh, a friend of mine recommended your courses to me. Will there be a special offer this year? I'm just waiting for it so I can join 😊

@webfreshers 6 месяцев назад

please make a course on PHP and Laravel framework

@ankitagrawal9140 7 месяцев назад

When I saw the part 2 is here....I am like lets finish 1st part quickly

@Uzakoff_u 7 месяцев назад

can you share the link please, i also want to finish 1st part, thanks in advance

@joker-wr8pt 7 месяцев назад

the only suggestion i'd suggest you to please make full stack app that uses the servers like express primsa but on the backend so that we can have the full idea

@programmingwithmosh 7 месяцев назад

With Next.js you don’t need Express anymore. That’s the whole point!

@goatzy_run 7 месяцев назад

@@programmingwithmoshwow

@user-gh5cu3os2l 3 месяца назад

what font are you using?

@gerkim3046 7 месяцев назад

I have been creating my NextJS app for a long time now and it is working very well when I run npm run dev. When I try to host it on vercel it does not work. Always says Build failed. I cant get to fix it. how do you avoid such a situation. This is very stressful. I can only view my app on localhost and i am almost giving up. It won't let me deploy.

@ahmetcelik4929 3 месяца назад

Hello, Mosh. Your content is really good. I really like your narrative style and I wanted to buy the Next.js series but it seemed expensive. Do you plan to share this content on Udemy?

@mehdiskan 7 месяцев назад

We love you mosh Iran

@minhajulislamchowdhury1101 5 месяцев назад

I am a beginner with mysql. when I tried to add mysql data source in DataGrip it showing the error 'issue-tracker' database not found. How can I solve this issue?

@mohamedelkaouay1630 7 месяцев назад

can you do a frontend project like an ecommerce store , thanks

@user-lk7cq5pw4n 7 месяцев назад

When Will be the next part of this Application Tutorial will be posted ???

@samsuh 7 месяцев назад

this instructor seems nice

@gabrielbott4659 7 месяцев назад

Does anyone know the ohmyzsh theme he is using for his terminal?

@ishaqkhalil681 7 месяцев назад

When is the next part coming of this video?

@Lolatyou332 5 месяцев назад

This code fails static pre-rendering and will fail to actually deploy anywhere. The issue is with the SimpleMDE, it is attempting to access a 'navigator' resource on the server and it needs to be dynamically imported and put into a variable so that it doesn't fail to static-prerender.

@Latest_movies_and_series 7 месяцев назад

WE WAITIN

@ramiroramos1803 6 месяцев назад

@programmingwithmosh When will you release the NextJS 14 course? I currently pay the monthly subscription, Thank you for your contributions!

@user-zw9st4px2q 7 месяцев назад

which vs code theme also nice tutotal

@pro_coder07 7 месяцев назад

Can you make a video on how to implement google AdSense on next js 13 without losing SSR?

@benezer4937 7 месяцев назад

Hello there I would like to ask about the The Ultimate React Native Series Course in your website. Why does it cost -$29 ?? Id like to buy it and it cost $99 usd in bundle. Whats goin on? Thank you.