Vivek is a full-stack developer. He writes about his experiences working with different technologies.
You use template literals every single day. The backtick string with ${} holes in it: const name = "Vivek"; const greeting = `Hi ${name}, you have ${3} messages`; // "Hi Vivek, you have 3 messages" N
I wanted to experiment building a full-stack web framework that was small enough for the AI to read end-to-end without needing an MCP. What if the source code, both my code and the framework's code (i
I recently built my portable computing setup, that gives the vibe of my good old computing days, but with a modern touch! I used to LOVE computers, but with computer size getting smaller, and that the
Recently, I’ve been working on a design system for a relatively large organization.And somewhere deep in the project, a question started bothering me: 👉 Where do you draw the line between writing quality code and simply over-engineering things? I’ve...
The JavaScript world today is often synonymous with complex build processes. Webpack, Babel, PostCSS, TypeScript—it feels like every new project comes bundled with a monstrous configuration file. As much as these tools have improved our workflow and ...
Five years ago, I made the big switch from Windows to Mac, and I absolutely loved the experience! Everything felt smooth, sleek, and well-integrated—like stepping into a perfectly curated tech bubble. But, if there’s one thing about me, it’s my const...
Recently, I made the switch from macOS to Linux—Ubuntu to be specific—and it’s been a fun ride so far. One thing I love about Linux is the freedom to customize everything to fit my workflow. So, instead of searching for the perfect notes app, I thoug...
Web components have been around for a while, but server-side rendering (SSR) of custom elements has always been a tricky subject. With modern frameworks moving towards server-first architectures, the demand for HTML-first, SSR-friendly components has...
When it comes to writing CSS, most developers are familiar with standard properties like color, margin, and padding. But there’s a powerful part of CSS that often goes under the radar: At-rule Prefixes. These prefixes allow you to define custom behav...
JavaScript is a versatile and powerful language that continues to evolve, with new features and concepts being introduced regularly. While many developers are familiar with the basics and popular features of JavaScript, there are several lesser-known...
Working with legacy code is a challenge that most developers will face at some point in their careers. Whether you’re maintaining an old project, integrating new features, or improving performance, refactoring legacy code is often necessary to ensure...
Deploying a Next.js application on AWS can seem like a daunting task, but with the power of GitHub Actions, you can automate the entire process, making deployments seamless and stress-free. In this guide, we'll walk through how to set up a Continuous...
In the modern software development lifecycle, Continuous Integration and Continuous Deployment (CI/CD) have become essential practices for ensuring that code changes are seamlessly integrated, tested, and deployed to production environments. GitHub A...
Machine learning (ML) and artificial intelligence (AI) have become essential tools in today's technology landscape. However, diving into the world of ML can seem daunting, especially if you're not familiar with the complex mathematics and algorithms ...
In the evolving landscape of web development, the need for reusable, modular, and efficient components has become paramount. While JavaScript Web Components provide a powerful solution to these needs, they often come with a steep learning curve. This...
Pair programming, often viewed as a niche practice, holds an untapped potential that many developers and teams overlook. In a world where speed and efficiency are paramount, this collaborative approach to coding can drastically improve code quality, ...
Code reviews are a crucial part of any development process. They ensure that the code is not only functional but also clean, efficient, and maintainable. In the context of Next.js, where server-side rendering, API routes, and dynamic routing are comm...
JavaScript is a versatile and powerful language that continues to evolve. For seasoned developers looking to sharpen their skills, mastering advanced JavaScript concepts and best practices is essential. In this blog post, we'll dive into some advance...
In the world of web development, optimizing performance is crucial for delivering a fast and smooth user experience. While lazy loading and code splitting are popular techniques for improving web application performance, there are more advanced strat...
In the ever-evolving world of web design, mastering advanced CSS techniques is crucial for creating visually stunning and highly functional websites. From CSS Grid and Flexbox to animations and custom properties, these tools offer immense flexibility...