Latest Blogs
11 ArticlesBuilding a Portfolio Site That Actually Gets You Hired
Most developer portfolios are the same template with different colors. After years of reviewing candidates as a staff engineer, here's what actually stands out and what's a waste of time.
How to Create a Blog Website in Next.js App Router
A walkthrough of how I built my blog using Next.js App Router, Markdown files, Prisma, Tailwind CSS, and a bunch of other tools. No CMS, no headless WordPress — just files on disk and some good libraries.
React Server Components Changed How I Think About Data Fetching
After years of useEffect and loading spinners, React Server Components made me realize most of my components never needed to be on the client in the first place.
Server Actions, Prisma, and PostgreSQL in a Next.js App
How I added a like counter and guest wall to my Next.js site using server actions, Prisma, and PostgreSQL. Real code, real patterns, real trade-offs.
Building 12 Interactive CSS and Canvas Effects from Scratch
I spent a weekend building 12 interactive visual effects using nothing but Canvas API and CSS. Liquid glass, metaballs, matrix rain, fluid smoke — no libraries, just math and requestAnimationFrame.
Understanding Typescript ReturnType
TypeScript's ReturnType is a handy utility type that fetches the return type of a function or a callable type. It's extremely beneficial when working with complex codebases or trying to enforce specific return types within TypeScript. ReturnType is a predefined utility type in TypeScript that extracts the return type of a function type. This type utility is quite versatile and can be used in various scenarios.
Enhancing Your React-Markdown Experience with Syntax Highlighting in a React Application
react-markdown is a popular library in the React ecosystem that enables developers to render Markdown content as React components. While React-Markdown provides a seamless way to incorporate Markdown into your React applications, adding syntax highlighting support can take your user experience to the next level. Syntax highlighting not only improves code readability but also enhances the overall aesthetics of your application. In this blog post, we'll explore how to integrate syntax highlighting into React-Markdown effortlessly.
Monorepo at Healthifyme
A monorepo is a code repository that holds multiple applications. These applications can be related or completely independent. It also allows us to share code among these application without using any kind of package manager. It should be noted that a monorepo is not a monolith. A monolith is huge amount of coupled code of a single application in a single repository.
How to integrate Instagram/Snapchat style stories into your ReactJs application
Stories style material has become the most popular way of consuming media on social media. Most prominent platforms, such as Facebook, Instagram, Snapchat, and Youtube, offer stories. As a result, it is only natural that everyone uses the same format of media consumption.
Top Neovim plugins for developers in 2022
Neovim is blazing fast command line text editor for developers. It is one of the best code editor because of its speed, ease of customization and low CPU/RAM usage. Here are the top plugins for your Neovim.
How to Dockerize a Remix App
Dockerizing remix apps is crucial for production environments as it takes away the burden of setting up a runtime environment for your app. Docker containers are predictable, consistent, and isolated in nature which makes it possible for them to run anywhere.