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
- Live demo: https://personal-portfolio-landing-theta.vercel.app
- GitHub: https://github.com/dorbinDevFRLNCR/personal-portfolio-landing
Feedback welcome! 🔥
Top comments (0)