Personal Resume Website
A modern, responsive personal resume website built with Next.js 14, TypeScript, and Tailwind CSS.
Tech Stack
Technologies used to build this website
Framework & Core Technologies
Next.js
A React framework that makes building websites faster and easier
Why:
Chosen for its excellent performance and developer experience
Benefits:
Fast page loads, automatic improvements, easy deployment
TypeScript
A language that adds type checking to JavaScript to prevent errors
Why:
Chosen to improve code quality and prevent bugs
Benefits:
Fewer errors, better autocomplete, more reliable code
Styling & Design
Tailwind CSS
A styling tool that helps create beautiful designs quickly
Why:
Chosen for rapid development and consistent design
Benefits:
Clean code, responsive design, easy customization
Content Management
Markdown
A simple way to write and format content
Why:
Chosen for easy content updates without coding
Benefits:
Simple syntax, version control friendly, portable
Internationalization
next-intl
A tool that translates the website into multiple languages
Why:
Chosen for seamless multi-language support
Benefits:
Easy translations, automatic language detection, SEO friendly
Testing & Quality
Jest
A testing tool that ensures code works correctly
Why:
Chosen for comprehensive testing capabilities
Benefits:
Fast tests, good error messages, wide adoption
Playwright
A tool that automatically tests the website across different browsers
Why:
Chosen to ensure cross-browser compatibility
Benefits:
Reliable tests, supports multiple browsers, easy to use
Analytics & Monitoring
Firebase
A platform that tracks website usage and sends notifications
Why:
Chosen for powerful analytics and engagement features
Benefits:
Real-time data, easy integration, reliable service
Sentry
A tool that detects and reports errors in the website automatically
Why:
Chosen for proactive error monitoring
Benefits:
Quick issue detection, detailed reports, real-time alerts
Deployment & Hosting
Vercel
A hosting service that makes the website fast and available worldwide
Why:
Chosen for excellent performance and automatic deployments
Benefits:
Global CDN, automatic HTTPS, zero configuration
Formspree
A service that processes contact form submissions
Why:
Chosen for simple form handling without a backend
Benefits:
Easy setup, spam protection, reliable delivery
Storybook
A tool that documents and tests UI components in isolation
Why:
Chosen for better component documentation and development
Benefits:
Isolated components, visual documentation, easy testing
GitHub Actions
A system that automates testing and deployment when code changes
Why:
Chosen for continuous integration and delivery
Benefits:
Full automation, integrated with GitHub, flexible configuration
SonarQube
A tool that analyzes code quality and security
Why:
Chosen to maintain high code quality standards
Benefits:
Catches bugs early, identifies vulnerabilities, improves maintainability