Blog

36 posts

Writing about frontend craft, developer tooling, and the things I learn along the way.

Building for Agents — When AI Becomes Your Primary User
1 min read

Building for Agents — When AI Becomes Your Primary User

Your next user won't have a browser. Software is shifting from UI-first to API-first as AI agents become the primary clients. Here's how to build for them.

aiagentsapicliarchitecturesaas
You Don't Need OpenClaw — Claude Code Is Already a Personal AI Assistant
1 min read

You Don't Need OpenClaw — Claude Code Is Already a Personal AI Assistant

OpenClaw has 140k GitHub stars. I built the same thing with Claude Code, cron, and ~200 lines of shell scripts. Here's how.

claude-codeaiproductivitymcpautomation
How I Turned Slack Chaos Into Linear Tickets With Claude Code
1 min read

How I Turned Slack Chaos Into Linear Tickets With Claude Code

I use Claude Code to read my Slack messages, summarize what I said and why, figure out follow-ups, and create Linear tickets — all from the terminal.

claude-codeaiproductivitymcp
How I Actually Use Claude Code — A Workflow That Works
1 min read

How I Actually Use Claude Code — A Workflow That Works

Most people use Claude Code like a chatbot. Here's the structured workflow that turns it into a real engineering partner.

aiclaude-codeproductivitytoolingworkflow
Building Reusable Bun Modules — Why Bun Makes It Stupidly Easy
1 min read

Building Reusable Bun Modules — Why Bun Makes It Stupidly Easy

How I built a reusable AI image generation module with Bun in under 100 lines — and why Bun's module system, speed, and DX make Node feel like a relic.

buntypescripttoolingnodedx
Seamlessly Switch Between Personal and Work GitHub Accounts on macOS
1 min read

Seamlessly Switch Between Personal and Work GitHub Accounts on macOS

Build a bash script to switch between personal and work GitHub accounts without the SSH agent headaches.

GitSSHmacOSProductivityBash
A Minimal Ghostty Config (That Actually Makes Sense)
1 min read

A Minimal Ghostty Config (That Actually Makes Sense)

A no-nonsense Ghostty terminal config focused on aesthetics and tmux integration. Because your terminal should look good and work smoothly.

ghosttyconfigterminaldevelopment
AI Coding Revolution: How Artificial Intelligence is Changing the Way We Code
1 min read

AI Coding Revolution: How Artificial Intelligence is Changing the Way We Code

A deep dive into how AI is transforming modern software development, making anyone fluent in any programming language and enabling vibe coding.

AIProgrammingFuture Techvibe coding
How to Enable Borders on Vim LSP Hover Information (The Simple Way)
1 min read

How to Enable Borders on Vim LSP Hover Information (The Simple Way)

Struggling with borderless LSP hover popups in Vim? Here's the incredibly simple one-line fix that took me way too long to discover. No plugins required, just one vim.opt setting and you're golden.

vimlspconfiguration
The Magic of Smooth Scrolling: Two Lines of CSS That Transform User Experience
1 min read

The Magic of Smooth Scrolling: Two Lines of CSS That Transform User Experience

Transform your website's navigation with just two lines of CSS. Learn how scroll-behavior and scroll-margin-top properties create seamless, professional scrolling experiences that users love.

CSSUXweb developmentsmooth scrolling
Linear MCP Server – The AI Sidekick You Didn't Know You Needed
1 min read

Linear MCP Server – The AI Sidekick You Didn't Know You Needed

Buckle up, devs! Linear just dropped their official MCP server, and it's about to make your AI workflows smoother than Kevin Hart's punchlines. Here's what it is, why you should care, and how to get started in under five minutes.

linearmcpaiproductivity
GitHub's MCP Server Goes Public - A Game Changer for AI Development
1 min read

GitHub's MCP Server Goes Public - A Game Changer for AI Development

Y'all won't believe what GitHub just dropped! They've taken the AI game to a whole new level with their own MCP server. If you're wondering what this means for your development workflow and how to get started with it in Cursor, buckle up - we're about to dive into this game-changing release!

githubmcpaidevelopment
Vibe Coding: When AI Becomes Your Coding Bestie
1 min read

Vibe Coding: When AI Becomes Your Coding Bestie

A hilarious yet insightful look into the world of vibe coding and how it's changing the game for developers everywhere.

AIProgrammingFuture Techvibe coding
Connect to Sentry MCP Server - A Developer's Guide
1 min read

Connect to Sentry MCP Server - A Developer's Guide

Learn how to connect Cursor IDE with Sentry using MCP server. A complete guide from setup to troubleshooting, perfect for developers who want to supercharge their error tracking with AI capabilities.

sentrymcpcursor
Demystifying codebases: How to use AI to understand complex codebases easily and quickly?
1 min read

Demystifying codebases: How to use AI to understand complex codebases easily and quickly?

Struggling to understand a massive codebase? Discover how Gemini Pro & ChatGPT, powerful AI tools, can help you quickly analyze, navigate, and comprehend complex software projects.

AISource CodeGeminiChatGPT
The Ten Commandments of Software Development
1 min read

The Ten Commandments of Software Development

Explore the fundamental principles of software development philosophy with 'The Ten Commandments of Software Development'. Discover the guiding principles shaping the work of world-class software engineers. Dive deep into the essence of coding principles and software philosophy. #softwaredevelopment #codingprinciples

software philosophycoding principles
Things learnt from BunJS to CRA migration
1 min read

Things learnt from BunJS to CRA migration

A short tour on how I migrated from node + CRA to bun + Vite and it's absolutely amazing and excessively fast, just like Kevin Hart on a caffeine high.

bunjscra-to-viteperf
Supercharge your Git Workflow with the Jira-Git Commit VSCode Extension
1 min read

Supercharge your Git Workflow with the Jira-Git Commit VSCode Extension

Supercharge Git commit efficiency and DevOps productivity using the Jira-Git Commit Helper, an integrative VSCode Extension that unites JIRA and IDE for optimized developer workflow and streamlined commit messages.

devexpgitjiraproductivity
Enforcing coding standards via Typescript, Husky and Lint-staged
1 min read

Enforcing coding standards via Typescript, Husky and Lint-staged

This blog walks through setting up Typescript, Husky, and lint-staged for enforcing coding standards in a team. The author shares the configuration process for these tools and provides a workaround for submodules. This approach ensures linting and formatting happens before each commit for better code quality.

coding practiceslinter
Reviving My Website: A Tale of Tech and Determination
1 min read

Reviving My Website: A Tale of Tech and Determination

I thought my website is gone and lost forever in the everchanging world of technology. I became the knight in the shining armor with dedication to salvage it. Read fully to understand what happened and how I brought back the site from the dead

gatsbystatic siteweb dev
Vim is a blackhole
1 min read

Vim is a blackhole

I suddenly got pulled into the blackhole called VIM. I'm not able to sleep. I'm going crazy in setting up my own personal IDE. Read more.

productivityvimnvimIDE
How to Optimize React Components Using Computed Variables
1 min read

How to Optimize React Components Using Computed Variables

Learn how to optimize your React components using computed variables. Improve performance, simplify your code, and make your app faster. Read now!

reactoptimisationperformance
Frontend Performance Optimisation
1 min read

Frontend Performance Optimisation

Apps need to be performant and instantly interactive to users input. Here's a few ways to boost a web apps performace and interactivity.

javascriptperformance
Useful CSS Generators
1 min read

Useful CSS Generators

CSS is awesome, these tools take your CSS to the next level. They ease your load and generate CSS code for you online. Try out these Generators.

CSS
You don't need these many state variables
1 min read

You don't need these many state variables

A lot of state variables means a lot of re-renders and useEffect Hooks. What if I told you there are computed variables in react and they could help you to reduce the number of state variables you use?

reactjavascriptperformance
My take on CSS Grids
1 min read

My take on CSS Grids

CSS grids are awesome, now that more browsers are supporting it, it's time that we embrace grid and use its full potential. Click to read more.

css
Monitor your website speed using Pagespeed API and Google Sheets
1 min read

Monitor your website speed using Pagespeed API and Google Sheets

Everyone loves speed - be it cars, superbikes, or websites. A good website loads content within the blink of an eye. This post covers how to monitor your website pagespeed using google sheets. Click to read more.

javascriptautomation
How to create React Hooks? - A simple guide
1 min read

How to create React Hooks? - A simple guide

React hooks are a great way to get deeper into the React world. This post teaches you how you can create a simple hook timer using React. Click to read more.

reactjavascript
How to cache your Gatsby site for faster builds in Github Actions?
1 min read

How to cache your Gatsby site for faster builds in Github Actions?

We all start small, but once our content grows, soon we'll be finding ourselves with 300 pages at hand. This severly impacts the build time of the blog, unless you host it in Gatsby Cloud, which I hear has 100x faster build times than normal conventional builds. Click to read more...

gatsby
Dynamic OG images for your Gatsby blog
1 min read

Dynamic OG images for your Gatsby blog

So this website is built using GatsbyJS, which is super cool and super easy to get started. It took just one week for me to set this all up. This is the 6th blog post here on this website and if you try sharing this blog post on the internet you would see a image with the title. This image is called the OG image. Click to read more...

gatsbynode
How I started a tech blog?
1 min read

How I started a tech blog?

It's good to have a tech blog. I have written down my journey of how I started my blog. You too could get the flame from me.

gatsby
Growing your Online Presence - 101
1 min read

Growing your Online Presence - 101

An online presence can be defined by how easy it is to find a brand or company online. Growing your online presence should be your key focus.

general
How to post to Instagram using an API?
1 min read

How to post to Instagram using an API?

Did you know that you can post to instagram using an API? It can be done via the Instagram private API. You can automate your instagram with few lines of code.

node
How to Select a Random Value from an Array?
1 min read

How to Select a Random Value from an Array?

Sometimes you have a list of values to choose from and you want to randomize it? It can be easily done with a line of code.

javascript
Bookmarklets - No more boring tasks
1 min read

Bookmarklets - No more boring tasks

Bookmarklets’ are nothing but a useful piece of code that can run on any loaded web page. This useful piece of code is written in JavaScript.

javascript
00:00

This helps me increase the session time of my site. Thank you!

Can you stay a bit longer?