Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Make Portfolio Website Using Next.js - Build Modern Portfolio Site in React.js 2025

GreatStack via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a modern portfolio website from scratch using Next.js, React, and Tailwind CSS in this comprehensive 3-hour tutorial. Master the step-by-step process of creating a professional portfolio site that includes smooth animations powered by Framer Motion, automatic dark and light mode detection based on system preferences, and responsive design principles. Discover how to implement scroll-triggered animations that reveal content dynamically as users navigate through your site, creating an engaging and interactive user experience. Build essential portfolio sections including hero areas, project showcases, skills displays, and contact forms while following modern web development best practices. Gain hands-on experience with Next.js routing, component architecture, and state management while styling your application with Tailwind CSS utility classes. Access provided Figma designs to understand the visual structure before coding, and utilize downloadable assets to streamline your development process. Perfect for beginners looking to create their first professional portfolio or developers wanting to upgrade their existing sites with modern technologies and smooth animations.

Syllabus

How To Make Portfolio Website Using Next JS | Build Modern Portfolio Site In React JS 2025

Taught by

GreatStack

Reviews

Start your review of How to Make Portfolio Website Using Next.js - Build Modern Portfolio Site in React.js 2025

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.