# Blogs

> Thoughts I couldn't stop thinking about, written down so you don't have to.

Posts are published on Medium; the links below go to the full text.

## Posts

- [How SVG Gooey Animations Actually Work](https://medium.com/@aviralj02/how-svg-gooey-animations-actually-work-57efea257fb8): 2026-09-19 · 6 min read. You’ve probably seen those gooey animations where two circles move toward each other and suddenly look like they’re melting into one blob. It looks complicated. It actually isn’t. The trick is mostly an SVG filter doing a few simple things in sequence.
- [Frontend RBAC in React: Managing UI Permissions with rbac-ui](https://medium.com/@aviralj02/frontend-rbac-in-react-managing-ui-permissions-with-rbac-ui-11435f1e185d): 2026-04-27 · 8 min read. Frontend permissions usually start with one harmless condition. Then the product grows. Now you have admins, managers, editors, viewers, workspace owners, billing users, support users, enterprise-only features, beta access, and custom permissions for that one customer who wants everything except one very specific export button. So the code slowly turns into this:
- [Connect a Local MCP Server to Your Claude](https://medium.com/@aviralj02/connect-a-local-mcp-server-to-your-claude-desktop-05368ae3605f): 2026-03-14 · 5 min read. AI tools are getting better at helping with real work. But most of the time, they still can’t directly access the tools developers use every day like APIs, databases, or internal systems.
- [Handling Hydration Errors in Next.js](https://medium.com/@aviralj02/handling-hydration-errors-in-next-js-79714bab3a3a): 2024-10-13 · 3 min read. While using Next.js, a frequent problem encountered by developers is the hydration error. This happens when there’s a mismatch in the content presented by the server and that shown on client end. These errors can be quite irritating but to understand why they occur and ways to fix them is vital. In this blog, I am going to explain my experience of dealing with hydration errors during the use of next-themes library and also how I have come across certain solutions to rectify them.
- [Setting Up Express with TypeScript: Adding Prisma for Database Operations](https://medium.com/@aviralj02/setting-up-express-with-typescript-adding-prisma-for-database-operations-b7ccea552588): 2024-05-26 · 3 min read. This blog is divided into two phases: 1. Setting up an Express app with TypeScript 2. Integrating Prisma ORM Setting up an Express app with TypeScript Create a new directory for your project and navigate into it Initialize a new Node.js project.
- [How to embed Sanity (v3) Studio inside Next.js project (app dir)](https://medium.com/@aviralj02/how-to-embed-sanity-v3-studio-inside-next-js-13-project-527a2b509dee): 2023-08-07 · 5 min read. In this tutorial, we’ll create a small Food Rating App using Typescript that retrieves all relevant data from a Sanity backend. Execute the following command in the project directory to generate a Sanity project within the existing Next.js project. This will automatically create all the necessary configuration files needed for Sanity integration in the Next.js project.

---

HTML version: https://heyaviral.com/blogs · Site overview for agents: https://heyaviral.com/llms.txt