Build and Deploy a Complete Next.js Responsive Portfolio Website with Light/Dark Theme
Offered By: EGATOR via YouTube
Course Description
Overview
Learn to build and deploy a complete responsive personal portfolio website using Next.js 14 and CSS3 in this comprehensive tutorial. Explore new features of Next.js 14 and the app router, implement context API for app-wide state management, and master CSS techniques including variables, grid, flexbox, animations, and transitions. Follow step-by-step instructions to create a professional portfolio showcasing your brand, covering essential components such as navbar, header, testimonials with SwiperJS, FAQs accordion, footer, and various pages including About, Services, Contact, and Portfolio. Implement a light/dark theme toggle and gain insights into proper folder structure using the App Router. By the end of this 2.5-hour tutorial, you'll have a fully functional, visually appealing portfolio website ready for deployment.
Syllabus
Intro Project Demo
Hosting and FREE Domain
Folder Structure App Router
Navbar
Header/Hero Section
Testimonials SwiperJS
FAQs/Accordion
Footer
About Page
Card Component
Services Page
Contact Page
Portfolio Page
Light/Dark Theme
Taught by
EGATOR
Related Courses
Build a Full Stack Twitter clone with Next.jsCoursera Project Network via Coursera Next JS with React Hooks - Building SSR React Applications
Udemy End to End React with Prisma 2
Udemy Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera Next.js 14 & React - The Complete Guide
Udemy