Designing for Low-Context Engineering
You do not need a team of agents changing everything at once. You need simple tools that solve one problem at a time and leave a clean diff behind.
Varun - Engineering Lead based in Amsterdam
Engineering Lead based in Amsterdam, managing cross-functional teams while building products. Full-stack engineer with frontend expertise, now leading across the entire stack—from frontend and backend to DevOps.
Latest posts
Postio
My first iOS app on the App Store - a mobile companion for Postiz that helps you schedule and manage social media posts on the go.
Cora
AI agent-ready local-first dashboards - turn a dashboard workspace into a live local app.
Sketchnote
Instantly create visual summaries with our AI-powered sketchnote generator.
Launches
Discover and track the most exciting new product launches from across the web. Your daily source for innovation and creativity in the tech world.
Drips
Wishlist app simplifies gift-giving with easy list creation, sharing, and AI-powered suggestions.
Stacked
A comprehensive web resource manager to save, organize, search, and share pages effortlessly.
Replacing Nixpack with a Docker Image on Railway
Running a project based on a meta-framework on Railway's Nixpack is simply zero config but the output image size tends to be quite huge, consuming more machine memory. Diving into fixing this issue for a NextJS project.
Thinking About Architecture in Frontend
Discover the key aspects of approaching frontend architecture. Learn about the factors that matter the most.
Graphize
Visualize JSON and YAML files instantly in your browser
Awesome Bun
A curated list of awesome things related to Bun
Digital Garden theme for Hugo
Build your own personal Digital Garden effortlessly with this Hugo theme
Preview link details before navigation
Improve the usability of pages with links by adding previews of link details without requiring the user to navigate.
Experience with NextJS 12 Upgrade
Over the last week, I upgraded a couple of projects to NextJS 12 including this website, a chrome extension I built lately and even a feature-rich dashboard.
ProductLog Theme
ProductLog is a NextJS theme for hosting your product's changelog.
FOMO
FOMO provides an intuitive UI for your New Tabs to grab information from various sources that you prefer.
What can you learn from NextJS
Over the last year, the adoption of NextJS framework has skyrocketed due to the ton of benefits it comes with. Let us look at what can you learn from it's success.
Blist theme for Hugo
Blist is a clean and fast blog theme for your Hugo site.
tailwindcss-analysis
Analyse the TailwindCSS classes used in your application
Showfolio theme for Hugo
Showfolio is modern portfolio theme for your Hugo site
Configuring Tailwind CSS JIT in Angular
After Angular started supporting Tailwind CSS out of the box, I wanted to migrate my current side-project to using their JIT compiler. Here is what I did.
ng-tailwindcss-jit
Configures your angular project to use jit compiler for TailwindcCSS
Pople
Pople is a web-based note-taking app that automatically syncs your data with GitHub.
OpenPerf
OpenPerf is a platform to create a public analytics dashboard for your business, powered by Google Analytics.
JusFlo
JusFlo is a modern Cashflow forecasting SaaS application for small businesses, freelancers and startups
Fast Search for Static Sites (JAMStack)
If you are into frontend, you might have already heard about this, The JAMStack. This post explores the ways to add search functionality to a static website.
Showcase theme for Hugo
Showcase is a minimal, single page theme for Hugo
Confs Space v2
Confs.Space is a platform to browse and learn technologies from various speakers around the world.
GitHub Contributors Table Generator
Generate HTML table of contributors list to showcase in readme for your repository
Stunning Theme
Starter blog theme built on top of Sapper(Svelte).
Stop reinventing the wheel
One of the important things I learnt in 2019 as a developer is to not reinvent the wheel. Develop only the things that are completely custom solutions.
React Onboarding Pro
Onboarding flow for reducing friction to use the application and improving the workflow
Celestial theme for VS Code
VS Code theme for all the people who love to code in deep dark spaces.
Let's talk about CSS Subgrids
CSS Subgrid is a part of CSS Grid Level 2 Spec by CSS working group. It solves a common use case which wasn't so obvious when grids were launched. Let's dig deep into what it is!
Learn Dev Tools
Collection of walk-throughs for learning to use developer tools in the browser.
Rewind Components Library
Ready to use components for your next project without any external dependencies
Auth for Hasura GraphQL engine with Firebase - My thoughts
Hasura’s GraphQL engine is itself a drop-in backend for most of the use cases. It provides you the flexibility to setup a fully functional backend with GraphQL as interface for the front-end. It acts as a layer between the Postgres database and your frontend applications(web or mobile).
Poppy JS
Simple, Multipurpose Open Source Pop-in Messages for marketers, freelancers and hobbyists.
Beyond this year: 2019 goals
As the year comes to an end, it's time to look back at the events and improve upon it. 2018 has been a roller-coaster with a lot of new experiences. I have learnt so many things, development to design and more.
You should start using Parcel Bundler 📦
I've been working on a couple of React projects recently, which uses Webpack for bundling. And yes, it takes a lot of time for bundling. So I decided to try out Parcel and here's what happened.
Migrating to Webpack 4 today
Today, I made a switch to Webpack 4 from version 3 for a project I am working on. And my first impression? Its definitely fast! Here are the changes I made for the switch.
Firebase + React : Optimizing For The Real World
Thoughts on using firebase for a webapp built with React and how can you optimize it.
Starter Grid
Handpicked Collection of starter boilerplates for your next side-project
Preact Social
A library of social sharing buttons for Preact
Gradients Party
Collection 🗃️ of gradients for your buttons with filtering, autoprefix and copy CSS and edit the gradient in realtime and more.
Toastify JS
JavaScript library for highly customizable notification messages, with support for multiple stacked notifications.