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

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity