/portfolio-website

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

Primary LanguageTypeScript

Watch tutorial here

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.

Setup

  1. Add RESEND_API_KEY environment variable in .env.local
  2. In the send-email.ts action file, change the "to" email to your own email