Blogs

All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.

The Physics Behind Natural Motion

Move beyond duration-based animations. Learn how spring physics creates motion that responds, adapts, and feels genuinely natural. The secret behind iOS's fluid interactions.

Jan 28·22 min·[

Framer Motion Spring Physics Motion Design UI Animation React

]

Easing Curves That Feel Natural

Master easing curves to make your animations feel natural. Learn why linear is almost always wrong, how cubic-bezier works, and which easing to use for different interactions.

Jan 27·33 min·[

Framer Motion CSS Cubic Bezier Motion Design UI Animation

]

Branded Types in TypeScript

Learn how branded types can prevent ID mix-ups and enforce domain rules across your TypeScript, Next.js, Drizzle, and Zod codebase.

Dec 26·29 min·[

Node.js TypeScript Type Safety Branded Types Drizzle ORM Zod

]

Deploying on Coolify

Learn how to deploy a full portfolio stack with Coolify, featuring Postgres, Redis, and a Next.js app on a single server

Jul 26·11 min·[

DevOps Coolify Deployment PostgreSQL Redis Docker

]

Prisma with PostgreSQL

Prisma ORM setup guide for PostgreSQL with Node.js and TypeScript, includes step-by-step instructions for efficient, type-safe database operations

Aug 17·14 min·[

Node.js Prisma PostgreSQL ORM TypeScript Database Backend

]

AWS S3 with Node.js

Learn how to seamlessly integrate AWS S3 with Node.js for efficient cloud storage and image uploads in your application

Aug 8·15 min·[

Node.js AWS S3 Cloud Storage File Upload Backend

]

Node.js on EC2 with PM2 and NGINX

Learn to deploy Node.js applications on EC2 using PM2 and NGINX for robust and scalable production environments. Step-by-step guide included

Aug 5·20 min·[

Node.js DevOps AWS EC2 PM2 NGINX Deployment

]

Creating Your Own npx Command

Learn to create a personalized `npx` command to share your details with others efficiently. Follow my step-by-step guide on creating `npx devpulkit`

Jul 27·8 min·[

Node.js npm npx CLI Tool Backend

]

Scroll Indicator with Framer Motion

Learn how to create a dynamic horizontal scroll percentage indicator using React and Framer Motion for a more interactive portfolio website

Jul 24·8 min·[

Framer Motion React Scroll UI Components Frontend

]

VSCode in Your Browser

Guide on setting up a VSCode Server in your browser using Docker

Jul 4·3 min·[

DevOps VSCode Code Server Docker Web IDE Developer Tools

]