Build & Deploy a Complete Next.js Responsive Personal Portfolio Website Light/Dark Theme Tutorial
Hostinger Discount: https://www.hostg.xyz/SH8cs
In this step-by-step Next JS tutorial, I'll teach you how to build and deploy a fully functioning complete personal portfolio website using Next.js 14 and CSS3. Throughout the video, you'll learn some new features that come with the new NextJS 14 and the app router, context api for app-wide state, css variables, css grid and flexbox, css animations and transitions, and more!
Create a professional portfolio website to represent your brand today by following this tutorial.
Become a patron: / egator
Source Code: https://www.buymeacoffee.com/egator/e...
Timestamp
00:00 Intro (Project Demo)
07:30 Hosting and FREE Domain
11:20 Folder Structure (App Router)
28:50 Navbar
51:50 Header/Hero Section
01:17:00 Testimonials (SwiperJS)
01:30:35 FAQs/Accordion
01:41:40 Footer
01:47:50 About Page
01:53:25 Card Component
01:55:10 Services Page
02:00:50 Contact Page
02:03:10 Portfolio Page
02:20:02 Light/Dark Theme
Global CSS file & Assets: https://github.com/egattor/next-portf...
