YoVDO

Build and Deploy a Complete Next.js Responsive Portfolio Website with Light/Dark Theme

Offered By: EGATOR via YouTube

Tags

Next.js Courses Web Development Courses React Courses User Interface Design Courses Responsive Design Courses CSS3 Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.js
Coursera 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