DEV Community

Cover image for How I built my portfolio with React + TypeScript (Lighthouse 97/100)
dorbin.dev
dorbin.dev

Posted on

How I built my portfolio with React + TypeScript (Lighthouse 97/100)

How I built my portfolio with React + TypeScript (Lighthouse 97/100)

I'm an 18 y/o self-taught frontend dev and just finished my personal portfolio site.

🛠️ Stack

  • React 18 + TypeScript — core framework
  • Vite over CRA — faster builds, better DX
  • Tailwind CSS — no time wasted on CSS
  • Framer Motion — smooth animations without headaches
  • i18next — multilingual (RU/EN/DE)
  • EmailJS — contact form without a backend

⚡ Performance

Metric Score
Performance 97
Accessibility 94
Best Practices 100
SEO 100

😤 Hardest part

Getting Lighthouse performance above 95 — ended up optimizing images to WebP and fixing a few render-blocking issues.

🔗 Links


Feedback welcome! 🔥

Top comments (0)