Smooth Scrolling in Next.js
How to add buttery smooth scrolling to a Next.js app using Lenis, GSAP ScrollTrigger, and Locomotive Scroll. The tradeoffs, the setup, and when you actually need it.
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.
Bloom Filters
Learn how Bloom filters work: a probabilistic data structure that tells you with 100% certainty when something doesn't exist. Understand hash functions, bit arrays, false positives, and real-world use cases like recommendation engines and web crawlers.
Async Processing with Message Queues, Streams, and Pub/Sub
Learn when and why to use asynchronous processing. Understand message queues, streams, and real-time Pub/Sub for building scalable, decoupled systems.
Caching
Understand caching fundamentals: what it is, why it matters, and how to use it. Learn about cache architecture, key-value access patterns, and real-world examples with Redis and Memcached.
Non-Relational Databases
Explore the world of NoSQL databases: Document DBs, Key-Value Stores, and Graph Databases. Learn when to use each type, their trade-offs, and why they scale horizontally out of the box.
Virtualized Lists in React
Learn how virtualized lists work in React, why they are important for performance, and how to build a simple virtualized list from scratch
Static Site Generation in Next.js
Master SSG and SSR in Next.js with practical examples. Learn when to use each rendering method and see the performance differences in action
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.
SEO for Next.js Portfolio
Discover the exact SEO strategies that helped my Next.js website rank at the top of Google search results using SSG, dynamic metadata, and Open Graph optimization
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
Contact Form with Resend
Learn how to build a contact form with seamless email delivery using Resend email API in your Next.js application. Perfect for portfolio sites
Open Graph Images in Next.js
Learn how to enhance your Next.js app with dynamic Open Graph images to boost social media visibility and engagement
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
Image Gallery with PhotoSwipe
Easily add animated image zoom to your React app using PhotoSwipe library for stunning image galleries
Context Menu in React
Guide to creating a custom context menu in React using react-contexify for enhanced user experience
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
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
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`
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
Typewriter Effect in React
Learn how to create a typewriter effect in React with this step-by-step guide. Engage your audience with nostalgic charm