I recently built my personal website to showcase my projects, blogs, and work experience and here's a quick rundown of the stack and tools I used.
Tech Stack
- Next.js – I chose Next.js for its performance, flexibility, and built-in support for server components and routing. It made dynamic routing (like blog pages) super easy to implement.
- Tailwind CSS – For styling, I used Tailwind CSS because it's fast to work with and gives me complete control over responsiveness and design consistency.
- Sanity CMS – All my blog content is managed through Sanity. It provides a structured content model and real-time editing, and works perfectly with Next.js via GROQ queries.
- React Syntax Highlighter – To render code blocks beautifully in blog posts, I used react-syntax-highlighter. It supports themes and language-specific highlighting, which is perfect for dev-focused content.
- Vercel – Finally, I deployed everything to Vercel. It offers seamless integration with GitHub and optimized hosting for Next.js projects.
This setup was fun to build and easy to extend, I can now focus more on content and side projects instead of reinventing the wheel.