Build A Responsive Next JS Website Using Tailwind CSS - Beginner Guide
Build A Responsive Next JS Website Using Tailwind CSS - Beginner Guide
In this video I go over the basics of creating a Next JS website incorporating the Image component Next JS provides to us as well as the internal routing system. This means all of the images we will use take advantage of lazy loading! Wi will build an image slider that lazy loads all the images which results in faster build times and increased SEO for your website. Since Next JS offers a built in routing system and the Link component this means we will not have to use react-router-dom as we normally would when handling routing in react js applications.
Free Resume Template
https://bit.ly/3BMRa4A
🙏 Thank you for following along and please let me know what you think in the comments below!
ZeroTo Mastery:
Master React JS Course - https://bit.ly/Learn-React-JS
Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer...
Coding Challenges!
https://bit.ly/Code-Challenges
🏆 Build A Responsive Next JS Website Using Tailwind CSS
🏆 Parallax Scrolling
🏆 Image slider using the Next Js Image Component
🏆 Routing in Next.js
🏆 Passing Properties down to child components
🏆 Statically imported images & external URL loaded images
🏆 Linking Google Fonts to _document.js file
❤️ Support the Channel
https://www.buymeacoffee.com/clintbriley
Instagram 💪
/ fireclint
Github Repo 💻
https://github.com/fireclint/NextJS-T...
⏰ Timestamps
00:00 - Start
01:22 - Create Next JS App
01:40 - Link Google Font
05:00 - Install Tailwind CSS
07:47 - Parallax Hero Component
16:30 - Navbar Component
31:20 - Change Navbar Color When Scrolling
37:52 - Slider Component - Lazy Loading Images
55:07 - Instagram Grid Component
01:04:17 - Create "Work" Page
01:13:18 - Contact Page
Watch video Build A Responsive Next JS Website Using Tailwind CSS - Beginner Guide online without registration, duration hours minute second in high quality. This video was added by user Code Commerce 02 July 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 98,229 once and liked it 1.9 thousand people.