Follow along as I Build a NEXT JS Portfolio Website With Tailwind CSS. I wanted to update the portfolio and since I am starting to learn Next JS I thought I would build the new version with Next JS using Tailwind CSS for the styling. Lots of really cool features in Next JS - most known for server side rending, lazy loading images, and a built in routing system. We won't be utilizing server side rending in this particular build, however we do incorporate lazy loading images as well as the built in router. (Just to be clear to take advantage of lazy loading you must use the "Image" component imported from next/image. Images used as "img" will not be lazy loaded. Thanks for following along! ZeroTo Mastery: - Master React JS Course - https://bit.ly/Learn-React-JS - Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer-2023 Coding Challenges! https://bit.ly/Code-Challenges Github Repo: https://github.com/fireclint/portfolio-nextjs 🌇🍕▶️💻 Build Netflix With React JS/Tailwind/Firebase Auth/Database https://www.youtube.com/watch?v=ATz8wg6sg30 Timestamps 0:00 - Intro 03:24 - Create Next App 08:02 - Install & configure Tailwind 10:12 - Global styles in Tailwind 17:28 - Navbar component 40:38 - Main component 50:40 - About component 57:08 - Skills component 01:05:36 - Projects component 01:20:06 - Contact component 01:52:59 - Smooth scrolling 01:58:32 - Create project page/route 02:25:54 - Dynamic styles on navbar based on route Support my coding habit 🤣 https://www.buymeacoffee.com/clintbriley Instagram 💪 https://instagram.com/fireclint 🔥 My Coding Equipment 🔥 Logitech MX Wireless Keyboard - https://amzn.to/3xKPFiN Logitech MX Master 2S Wireless Mouse - https://amzn.to/3O5WmRD SAMSUNG 49-Inch Gaming Monitor - https://amzn.to/3mvUy8M Shure MV7 USB Podcast Microphone - https://amzn.to/3O00nqG Mic Boom Arm - https://amzn.to/3NHn6YU Monitor Desk Light Bar - https://amzn.to/3xzKlyj