Build and Deploy a Developer Portfolio with Next.js and Framer Motion
JavaScript Mastery via YouTube
Learn Generative AI, Prompt Engineering, and LLMs for Free
PowerBI Data Analyst - Create visualizations and dashboards from scratch
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Create a modern developer portfolio with animations using Next.js in this comprehensive tutorial. Learn to build an impressive showcase for your web development skills, including sections for a hero introduction, bento grid layout, recent projects display, testimonials, work experience, and a personalized approach. Master the implementation of Framer Motion for smooth animations and discover how to integrate Sentry for error tracking. Follow step-by-step instructions to set up the project, create engaging sections, and deploy your finished portfolio. Gain insights into portfolio best practices and access additional resources to enhance your development journey.
Syllabus
— Intro
— Project Setup
— Hero Section
— Bento Grid
— Recent Projects
— Sentry
— Testimonials
— Work Experience
— My Approach Section
— Footer
— Fixing Bugs
— Deployment
Taught by
JavaScript Mastery