Portfolio Relaunch — React, Vite, and MDX

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…


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

Portfolio relaunch preview

🎯 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


Print Share Comment Cite Upload Translate Updates
APA

Andrew Teece | Sciencx (2025-09-02T18:03:54+00:00) Portfolio Relaunch — React, Vite, and MDX. Retrieved from https://www.scien.cx/2025/09/02/portfolio-relaunch-react-vite-and-mdx/

MLA
" » Portfolio Relaunch — React, Vite, and MDX." Andrew Teece | Sciencx - Tuesday September 2, 2025, https://www.scien.cx/2025/09/02/portfolio-relaunch-react-vite-and-mdx/
HARVARD
Andrew Teece | Sciencx Tuesday September 2, 2025 » Portfolio Relaunch — React, Vite, and MDX., viewed ,<https://www.scien.cx/2025/09/02/portfolio-relaunch-react-vite-and-mdx/>
VANCOUVER
Andrew Teece | Sciencx - » Portfolio Relaunch — React, Vite, and MDX. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/09/02/portfolio-relaunch-react-vite-and-mdx/
CHICAGO
" » Portfolio Relaunch — React, Vite, and MDX." Andrew Teece | Sciencx - Accessed . https://www.scien.cx/2025/09/02/portfolio-relaunch-react-vite-and-mdx/
IEEE
" » Portfolio Relaunch — React, Vite, and MDX." Andrew Teece | Sciencx [Online]. Available: https://www.scien.cx/2025/09/02/portfolio-relaunch-react-vite-and-mdx/. [Accessed: ]
rf:citation
» Portfolio Relaunch — React, Vite, and MDX | Andrew Teece | Sciencx | https://www.scien.cx/2025/09/02/portfolio-relaunch-react-vite-and-mdx/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts