Portfolio website

Build & Deploy a modern React / Next.js portfolio website from scratch!

From ByteGrad·Updated June 15, 2026·View on GitHub·

- Latest Next.js 13 features - Next.js App Router - Next.js Server Actions - Client & Server Components - TypeScript (Beginner & Intermediate) - Tailwind CSS - Context API - Advanced Animations with Framer Motion - React.Email & Resend - Custom React hooks - Fresh, modern UI design - Light & Dark mode - Responsive website The project is written primarily in TypeScript, first published in 2023. Key topics include: nextjs-portfolio, portfolio-website, react-portfolio.

Watch video here

What you will learn

Latest Next.js 13 features
Next.js App Router
Next.js Server Actions
Client & Server Components
TypeScript (Beginner & Intermediate)
Tailwind CSS
Context API
Advanced Animations with Framer Motion
React.Email & Resend
Custom React hooks
Fresh, modern UI design
Light & Dark mode
Responsive website

Important

If you want to be a professional developer, you have to know the fundamentals like JavaScript and CSS really well. I highly recommend you go through my Professional JavaScript and Professional CSS courses.

I'm close to releasing a complete React & Next.js course. Get on the email list to receive early-bird pricing: link.