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
··[
ReactPerformanceVirtualizationFrontend
]Blogs
All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.
·6 articles·[
AnimationAnimationsCSSCubic Bezier+11
]·12 articles·[
ACIDApache SparkBig DataBloom Filters+32
]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
··[
Next.jsSSGSSRPerformanceReact
]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.
··[
TypeScriptType SafetyBranded TypesDrizzle ORMZod
]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
··[
SEONext.jsMDXOpen GraphMeta Tags
]RAG Chatbot with Qdrant
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.
··[
RAGQdrantAIChatbotOpenAINext.js
]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
··[
CoolifyDeploymentNext.jsPostgreSQLRedisDocker
]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
··[
ResendEmailNext.jsContact FormServer Actions
]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
··[
Open GraphNext.jsSEOMeta TagsSocial Media
]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
··[
PrismaPostgreSQLORMNode.jsTypeScript
]Image Gallery with PhotoSwipe
Easily add animated image zoom to your React app using PhotoSwipe library for stunning image galleries
··[
ReactPhotoSwipeImage GalleryAnimation
]Context Menu in React
Guide to creating a custom context menu in React using react-contexify for enhanced user experience
··[
ReactContext Menureact-contexifyUI Components
]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
··[
AWSS3Node.jsCloud StorageFile Upload
]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
··[
AWSEC2Node.jsPM2NGINXDeployment
]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`
··[
npmnpxNode.jsCLI Tool
]Server-Sent Events with FastAPI
Implement real-time updates with FastAPI using Server-Sent Events (SSE) for efficient long-running processes and live data streaming
··[
FastAPISSEPythonReal-timeBackend
]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
··[
ReactFramer MotionAnimationScroll
]Python Dependency Management with Poetry
Learn how to simplify Python dependency management using Poetry with easy installation, project setup, and a FastAPI server example
··[
PoetryPythonFastAPIPackage Management
]VSCode in Your Browser
Guide on setting up a VSCode Server in your browser using Docker
··[
VSCodeCode ServerDockerWeb IDE
]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
··[
ReactAnimationTypewriter EffectReact Hooks
]