My Current Tech Stack
Discover the modern tools and frameworks I use to build fast, scalable, and maintainable web applications.
Overview of My Stack
- Frontend: Next.js (App Router, Server Components), Tailwind CSS, TypeScript
- Backend: Next.js API Routes, Payload CMS (Headless CMS)
- Databases: PostgreSQL (SQL), MongoDB (NoSQL)
- ORM: Prisma
- DevOps: GitHub Actions (CI/CD), Vercel (Deployment)
- Tools: VS Code, Figma, Postman
Frontend: Next.js + TypeScript + Tailwind CSS
I rely heavily on Next.js for its hybrid rendering capabilities (SSR, SSG, ISR) and its new App Router architecture, which simplifies routing and supports Server Components. Combined with TypeScript, I ensure type safety and maintainable code. For styling, Tailwind CSS allows me to build responsive, utility-first UIs rapidly.
Backend & CMS: Payload CMS
For content management, I use Payload CMS, a headless CMS built with TypeScript. It offers a flexible schema system, custom access control, and a powerful rich text editor. Payload integrates seamlessly with Next.js, allowing me to manage content efficiently while maintaining full control over the frontend.
Databases: PostgreSQL & MongoDB
Depending on the project's requirements, I choose between:
- PostgreSQL: A robust relational database ideal for structured data and complex queries.
- MongoDB: A NoSQL database suited for flexible schemas and rapid development.
Using Prisma as an ORM, I can switch between these databases effortlessly, benefiting from type-safe queries and an intuitive data modeling experience.
CI/CD: GitHub Actions
I automate my development workflows using GitHub Actions. This includes running tests, linting code, and deploying applications upon each push. Automating these tasks ensures consistency and speeds up the development process.
Deployment: Vercel
For hosting, I choose Vercel due to its seamless integration with Next.js. It offers features like automatic deployments, preview environments, and global CDN, ensuring that my applications are fast and reliable.
Developer Tools
- Visual Studio Code: My go-to code editor, enhanced with extensions for TypeScript, Tailwind CSS, and Git integration.
- Figma: Used for designing UI components and collaborating on design projects.
- Postman: Essential for testing APIs and ensuring seamless backend communication.
