Build and Deploy a Fully Responsive Modern UI/UX Website | React.js, Next.js 13, Tailwind CSS

Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.

📚 Materials/References:

Time Stamps 👇
00:00:00 - Intro
00:04:39 - Setup
00:13:54 - Navbar
00:32:41 - Components setup
00:34:16 - Hero section
00:51:34 - Camp section
01:09:22 - Guide section
01:19:14 - Features section
01:33:31 - Call to action section
01:39:46 - Footer
01:52:24 - Deployment
01:54:56 - Performance testing
01:55:41 - The end

[shafiqbelaroussi]

It's deffo a good practice to have a set of pre-defined tailwind classes to use on our components. but as a person who's learning how you do your amazing UIs, it would be so much more convenient for me to have all tailwind classes right there on the component to see exactly what is happening rather than having to take a min and find the class in globlas and analyse it. It's just my opinion/ suggestion. love your videos keep up the great work <3

[a.tarikbostan]

For the last month I attend your JSM master class also following you more than a year, I must say that you are the one of the best educator I have ever seen thanks again for such a great content.I will always follow your lead brother❤

[lpoydit]

"Great video! Looking forward to more tutorials on Next.js projects, especially ones related to inventory management. Your content is always top-notch!"

[ayomideadejumo]

learnt so much from this project, thanks for making it explanatory as always.

[PattyBeautCode]

I just wanna say thank you very much for this project, I have learned a lot
and I also made some changed to make sure that I understand the layout well and improve my design skill
finally I have used this as my landing page for my own website! it turned out really wonderful !

[johnchristiandorola]

I already watching it right now. A very informative tutorial especially for those beginners like me. Love from Philippines bro! Thank you for creating this.

[monochrome]

Awesome tutorial. Completed it without any issues & really enjoyed the way you explain things. Thank you!

[i_vishalsah]

It was an amazing build, I learned a lot, and the code structure was super clean, keep bringing more stuff, and make a portfolio app just as simple

[TrxsTer]

Completed the video and it was such a great experience learning from you. I really enjoyed the layout and the clean code part which I wish myself to work upon on the future projects I will be doing, thanks and cheers 🥂

[smitthakkar]

Genuinely loved your video..keep going! Yours skills are really commendable...subscribed already!!

[aayushjajoo]

you are the best content creator in field of Next.js, I have started watching your videos since last 7 months. and am about to complete REACT soon, with Next.js in a bit of time

[hitomikasaki]

Thank you so much for providing such a great tutorial (added my own little drawer nav at mobile and will create a new social media link in index!)

[petrmurashko]

You are the best!💪
In addition to Frontend, I study English from your videos!
You pronunciation is just excellent!
Thank you so much ❤

[ralphrosael]

Awesome! You are a legend, thanks for your lessons. 🥳🚀

[munirshah]

This video is fantastic! I learned a lot of things. Thank you so much.

[sougatadas_yt]

Phenomenal build, thanks for the video.

[AlexSmith-msxb]

I'm a huge fan of your channel. I really appreciate your quality content. I am actually going to buy your NextJS course and I have no doubt that I will learn awesome things!
As an idea for a future project, maybe something different...for example, a timesheet-type platform for employee would be interesting to approach. using new technologies - next js 13.5, clerk, tailwind, shadcn, appwrite/supabase or mongoDB.😉🙏

[luckooze]

These videos are AMAZING! Only thing I was wondering if you could make these videos in 1440p so I it would work better on my monitor.

[Al_gre]

Just completed. And I can still recommend it as other JSM projects👍

[tenuka]

I really like the way u now teach how to do something and explaining it keep it up