My Blog
Thoughts, technical guides, and insights about web development, programming, and my journey as a developer.
Stop Repeating Tailwind Classes: Build Scalable UIs with `tailwind-variants`
Say goodbye to long, repetitive class strings in Tailwind CSS. Learn how `tailwind-variants` can help you build scalable UIs with prop-based styling.
Stop Using JWT in localStorage — Here's Why (and What to Do Instead)
Storing JWT tokens in localStorage can ruin your app's security. Learn why and how to use HttpOnly cookies instead.
Vibe Coding vs Real Learning: Be a Coder, Not Just a Prompter
The dark side of vibe coding: Why relying on AI-generated code can make you a prompter, not a developer. Learn how to use AI effectively and stay relevant in tech.
🔐 How JWT Authentication Works Behind the Scenes
Learn how JWT authentication works, from sending a request to verifying a token
Spicing Up Git Commands With Custom Aliases 🚀
Give your Git commands a Gen-Z twist! Learn how to replace boring Git ops with fun aliases like vibes, slay, rizz, and yeet for a cooler terminal experience.
Why AI loves Tailwind, but struggles with CSS
Explore why AI tools like Tailwind CSS are favored over traditional CSS by large language models, the limitations AI faces in understanding classic CSS, and why human developers with deep CSS knowledge remain essential in frontend development.
How to Create an MCP Model Context Protocol Server Using TypeScript: A Step-by-Step Guide with Weather API Example
Learn how to build an MCP Model Context Protocol server with TypeScript, using a weather API example. Step-by-step guide with code.
Why Companies Are Moving Away from Next.js
Explore why some companies are shifting from Next.js to alternatives like Vite and Remix due to performance and stability issues.
Understanding env() Safe Area Insets in CSS: From Basics to React and Tailwind
Discover how to use CSS env() function and safe area insets to create responsive, device-rotation-friendly designs. Learn to manage content visibility across various devices, addressing issues with notches, rounded corners, and screen orientation changes in CSS, React, and Tailwind.
Taming Overflowing Text: The Power of the CSS hyphens Property
Learn how to tackle text overflow issues in web design using the CSS hyphens property. Discover how this simple CSS trick can prevent content from spilling out of its container and enhance readability across devices.