Dynamically Generate OG Image
No blog site is complete without having beautiful social cards image, which will popup when you share link with someone
Read Blog
Hi, I'm Hardik
I work as a Senior Product Engineer. I love writing stuff about technologies like React, NextJS, Docker, etc. I like to play around with the new technologies.
My hobby is to read history books, various geopolitical events and express my opinion on how it affects the interest of India 🇮🇳.
Let's connect on Twitter.
Recent Blogs
How I built my website with NextJS
Have a look at tech stack that powers this website. I will share many useful resources, technologies and features that I am planning to implement next.
Read Blog
Understanding Docker File
What is docker, walk through of the simple docker file to understand how layering and caching works. This will help you in writing layers to optimally use the cache strategy.
Read Blog
Create Videos With React
You can leverage web technologies you already know like CSS, SVG. Remotion allows you to create videos with React. You can even directly embed the videos on your site.
Read Blog
Go Mouse Less With VIM
VIM is hard because it is different, and because it is different it is better.
Read Blog
Optimizing react component
React tries to effectively render your components, but it is still possible to run into performance issues.
Read Blog
Slots for react component
The key feature of React is composition of components. Components written by different people should work well together. If you are familiar with Svelte then you may have heard about slots pattern.
Read Blog
Accessibility Best Practices
Accessibility and usability are two closely related aspects in designing the website that works for all. The primary focus of accessibility is people with disabilities, but we will be discussing how most of the accessibility requirements improve usability for everyone.
Read Blog
Setup monorepo rather than multi repo
Setup single repository to store your codebase instead of one repo per package.
Read Blog