My First Talk: Claude Directory
The story of the craziest 24 hours I've had: launching Claude Directory, watching it cross 75k views and 160+ stars overnight, and then walking up to demo it on stage for the very first time in my life.
All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.
The story of the craziest 24 hours I've had: launching Claude Directory, watching it cross 75k views and 160+ stars overnight, and then walking up to demo it on stage for the very first time in my life.
A deep dive into git worktrees: how they actually work under the hood, the full command surface, and the workflow I use to run multiple AI agents like Claude Code in parallel without them stepping on each other.
How to make localStorage state work with SSR. No more hydration mismatches, no more flash of wrong content. A pattern that works for themes, sidebars, user preferences, and any persisted UI state.
A plain-language look at how to put an MCP server in front of a Hono API, reuse your existing auth and OpenAPI file, and let tools generate themselves from your routes.
BullMQ repeatable jobs for production cron with Redis: scheduling internals, workers, graceful shutdown, and keeping your database in sync.
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.
A deep dive into how I use Cursor AI to ship production features faster than ever, the workflows that actually work, and why my company sponsors the Ultra plan for every engineer
Build a React virtualized list from scratch with the simple scroll math that renders only visible rows to keep huge lists smooth.
Next.js build output symbols decoded: ● means SSG (prerendered as static HTML), ○ Static, ƒ Dynamic, plus how SSG, SSR and ISR work.
Learn how branded types can prevent ID mix-ups and enforce domain rules across your TypeScript, Next.js, Drizzle, and Zod codebase.
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
Learn how to build an intelligent chatbot using Retrieval-Augmented Generation (RAG) with Qdrant vector database, OpenAI embeddings, and Next.js. A complete guide to creating context-aware AI assistants.
Coolify self-hosting guide to deploy Postgres, Redis, and a Next.js app on one server, an open-source Vercel alternative you fully control.
Build a Resend contact form in Next.js using Server Actions and React email templates, then verify a custom domain to reach the inbox.
Learn how to enhance your Next.js app with dynamic Open Graph images to boost social media visibility and engagement
Prisma ORM with PostgreSQL setup in Node.js and TypeScript, covering schema, migrations, and type-safe CRUD operations for fewer runtime errors
Build a React image gallery with PhotoSwipe and react-photoswipe-gallery to add animated, responsive image zoom to your app
Build a custom React context menu with react-contexify, adding items, separators, submenus, and right-click triggers for fast in-app actions.
Integrate AWS S3 with Node.js using the @aws-sdk/client-s3 S3 client to upload files and images and manage buckets in your app.
Learn to deploy Node.js applications on EC2 using PM2 and NGINX for robust and scalable production environments. Step-by-step guide included
Learn to create a personalized `npx` command to share your details with others efficiently. Follow my step-by-step guide on creating `npx devpulkit`
FastAPI SSE tutorial using sse-starlette EventSourceResponse to stream real-time Server-Sent Events for long-running tasks and live updates.
Build a horizontal scroll indicator with Framer Motion using the useScroll and useTransform hooks to track scroll progress in React.
Learn how to simplify Python dependency management using Poetry with easy installation, project setup, and a FastAPI server example
Guide on setting up a VSCode Server in your browser using Docker
Learn how to create a typewriter effect in React with this step-by-step guide. Engage your audience with nostalgic charm