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

[@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

[@elahenarimani5383]

اگه ایران باشیم از کجا ببینیم؟

[@AlEgorova]

from Russia I can't purchase ((( But have full code in github, thank you so much for your wonderful tutorial! :-))

[@chibuzorisrael5878]

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]

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

[@NobleOsinachi]

My kinda guy 👍👍@@xaosland

[@sauravkumarjha2838]

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

[@webapple1]

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]

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

[@SonicSerenity143]

thanks bro

[@gustavduckert7075]

Thanks, why is this necessary? and what does the important! do?

[@SonicSerenity143]

@@gustavduckert7075 bro in css we have a a concept called specificity that means how should style be applied for a particular element in html. for example if you have two css files and you linked the both css files to your html code then the second css file that you have linked wiill override the classes of your first css file ( it only overrides when your classes match with classnames in html file) . basically important! have highest specificity in css so it overrides any classnames,other css files and applies the style for the element of html

[@TheVTRainMan]

OMG! Glad I'm not the only one that spent way too much time on this then should have. He also applies the class to the body tag, but radix-ui clearly shows it in the head... so went back and forth trying to understand why that would matter. You saved my brain!

[@Sirreal45]

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

[@ShakkeerTheCoder]

Mosh, you are the best teacher.

[@FlockofBees]

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.

[@imclowdy]

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

[@typingofthecode]

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

[@paullauren316]

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

[@egaiosowor]

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.

[@fitrianhidayat]

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

[@kenkioqqo]

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.

[@ianjayyuson8821]

I LOVE YOU BROO!! THIS GUIDE IS SO PERFECT AND ALL YOUR CONTENTS!! PLEASE DO MORE CONTENTSS!!

[@carlosoliveiragrijo]

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]

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

[@carlosoliveiragrijo]

@@programmingwithmosh oh thanks 🙏 awesome 😎

[@code-byte-hub]

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

[@Latest_movies_and_series]

IVE TAUGHT MYSELF ALOT THROUGH YOUR VIDEOS

[@merabetzakaria2736]

You are the best teacher ever 😊

[@Yahya_Umar]

"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]

you should apply the concepts to develop inventory management system

[@GoutamReddydazz]

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

[@NobleOsinachi]

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

[@user-ev4sq2io1c]

Mosh is master at teaching, no other youtuber can compare

[@Love_Coding]

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

[@rezadadu3287]

Great Teacher. Take my love Mosh

[@abdullahtanveer316]

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

[@shanu494]

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

[@blue0hat]

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

[@ankitagrawal9140]

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

[@Uzakoff_u]

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

[@xyzatin]

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

[@user-lk7cq5pw4n]

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

[@MAF12.21]

I love your leactire and way of teaching

[@jimking2692]

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

[@uminhtetoo]

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

[@theekshanajw]

can you create next js authentication lesson. you are the best teacher.

[@MsAlexandr76]

Hi Mosh, After 2nd part I've watching course Next.js, I grasp: 1) use "Prisma" for DB creation and interact with it 2) use "zod" for DB data validation 3) use "Daisy UI' in touch with Tailwind for styling 4) use "Radix UI" for user controls (such as textbox, label etc.) and styling them 5) use "React hook form" library for handling user forms 6) use "axios" for handling (operate) client request to server .... I can miss 1 or 2 tools but not more. I can mistake purpose of some of them (fix me) but... WHERE IS Next.js HERE?!

[@wj6946]

can't wait for it!!!!

[@bashirabubakar8047]

Thanks

[@Lolatyou332]

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.

[@sadat_ahmadi_musavi]

many thanks, dear Hamedani ❤

[@MdAftab-qn1jy]

Awesome tutorials really love it thankyou mosh

[@imaginebreakfast8707]

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

[@60secondsFrame]

really want more like this!

[@msghalass]

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

[@taihaycode]

I really enjoy this video, thank you so much

[@trungmeister7628]

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

[@MAF12.21]

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

[@malikmudassarawan]

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

[@omedakram8970]

Mosh you're the best ❤️

[@SolutionTuts]

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?

[@am_sejo]

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

[@ishaqkhalil681]

When is the next part coming of this video?

[@godfreytafadzwamavura2106]

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

[@ahmetcelik4929]

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?

[@stephenjaramillo4705]

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]

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.

[@BrandonFunk]

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

[@minitext1]

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

[@tomasbuzeta3591]

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

[@achalprajapati1192]

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

[@mother_chucker12]

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.

[@mistersir3185]

I'm having the exact problem. Not sure why.

[@jeffqseid2169]

same, fuk this tutorial, btw how to apply !important?

[@abdulquyum6469]

​.radix-themes { --default-font-family: var(--font-inter) !important; } works for me ​

[@nadetdevfullstack7041]

Excellent ! Best of the best!

[@user-pj8ve1re6k]

The link you use for prisma code (Best practice for instantiating PrismaClient with Next.js min 40:32) does not exist anymore. Please update your video instructions to reflect this.

[@VideoDarslar]

Preparing my 🍿. 😊

[@nickpiraino3781]

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

[@Esteban-x-]

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

[@joker-wr8pt]

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]

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

[@goatzy_run]

​@@programmingwithmoshwow

[@nerminsky1039]

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

[@Yahya_Umar]

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

[@ranaimranahmed2532]

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

[@shahzadsheikh1459]

sir please tell that which software you use for screen recording

[@FlyRaka]

is using locally now but when goona deploy then how goona prisma gonna work and we are goona unable to deploy the project

[@webfreshers]

please make a course on PHP and Laravel framework

[@maherworld1]

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

[@Grishopping]

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

[@ranaimranahmed2532]

Plz a series on next with mysql ecom project

[@Odidi_Bee6ix]

Nice tutorial

[@seanl8930]

Textfield.input is no longer a part of Radix UI. Anyone got a fix for how they got around this?

[@asimaliblogger]

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

[@sivadhanushuppalapati4041]

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

[@ramiroramos1803]

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

[@lokeshvishwakarma784]

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

[@ZacklFair]

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 😊

[@cloudstrife7083]

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 ?

[@yahujatallh]

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

[@minhajulislamchowdhury1101]

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?

[@ahmadbilalfarooqi]

mosh you are awesome

[@davood7497]

Mosh is great !

[@mohamed-20-04]

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

[@ankur089]

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 ?

[@user-bl2qe7qi7z]

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

[@behroozbk]

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

[@pro_coder07]

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

[@gerkim3046]

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.

[@samsuh]

this instructor seems nice

[@avi_5827]

I guess this is not the complete course? or for that I need to join your course... please clarify that

[@rogertech9535]

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

[@unlock_don7647]

am getting the 405 Method not allowed in post man ,help please

[@PreyanBhowmick-z6e]

what font are you using?

[@salmanmughal2763]

where is the next part of the application where Auth and Dashboard etc is developed ?

[@Royale3533]

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

[@TheSoftwareAlpha]

I had the same issue. I fixed it by adding "!important" after the line of css in theme-config.css

[@alfarizidwiprasetyo9280]

same bro, do you figure it out now how to fix it ?

[@brainbustergk]

sir issue tracker project part 2 ?