~/ilker-balcilar
~/ilker-balcilar
ilker-balcilar/blog/my-current-tech-stack· 2025-04-19 · tech

2025-04-19tech

My Current Tech Stack

Discover the modern tools and frameworks I use to build fast, scalable, and maintainable web applications.

#nextjs#typescript#tailwindcss#react#payload-cms#prisma#vercel#web-development

Tech Stack:

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: Zed, 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.