This content originally appeared on DEV Community and was authored by Andrew Teece
How I rebuilt my portfolio using React 19, Vite 7, Tailwind CSS, and MDX — with performance, SEO, and maintainability in mind.
Tech Stack
- React 19 — modern UI logic with hooks and transitions
- Vite 7 — blazing-fast dev environment and bundler
- Tailwind CSS — utility-first styling, fully customized
- MDX — write blog posts in Markdown + React
- Vercel — zero-config deployment with a custom domain
Highlights
- MDX-powered blog with dynamic routes and tag filtering
- SEO-ready with Open Graph images and sitemap
- Dark mode, responsive layout, and syntax highlighting
- RSS feed and copy-to-clipboard for code snippets
- Custom domain deployed via GitHub + Vercel + GoDaddy
Why the Redesign?
My old site didn’t reflect where I am today as a frontend engineer.
This relaunch better showcases:
- My technical skills
- My design sense
- My ability to write and share clearly
Final Thoughts
I learned a lot through this rebuild and plan to share more tutorials and breakdowns soon.
Thanks for reading — this post was originally published on andrewteece.com.
You can also connect with me on LinkedIn or reach me at andrew@andrewteece.com.
This content originally appeared on DEV Community and was authored by Andrew Teece