https://thehardik.in/writing Tutorials, deep dives and reflections from years of building on the modern web — by Hardik Desai. en-us Mon, 18 May 2026 17:16:21 GMT https://thehardik.in/writing/add-seo-to-sanity-studio https://thehardik.in/writing/add-seo-to-sanity-studio Learn how to add production-ready SEO to Sanity Studio using sanity-plugin-seofields. Covers metadata, Open Graph, Twitter Cards, and JSON-LD — with real code examples for Next.js App Router. Mon, 18 May 2026 17:16:21 GMT https://thehardik.in/writing/why-website-performance-structured-data-accessibility-html-and-meta-tags-matter https://thehardik.in/writing/why-website-performance-structured-data-accessibility-html-and-meta-tags-matter Tue, 07 Apr 2026 03:30:00 GMT https://thehardik.in/writing/from-problem-solving-to-output-curation-are-we-losing-depth-in-the-ai-era https://thehardik.in/writing/from-problem-solving-to-output-curation-are-we-losing-depth-in-the-ai-era In a world where AI can generate solutions instantly, are we still thinking deeply or just curating outputs? This piece explores how problem-solving is evolving and whether developers are trading understanding for convenience. Thu, 26 Feb 2026 18:48:00 GMT https://thehardik.in/writing/css-shorthand-vs-longhand-properties-explained-with-simple-examples https://thehardik.in/writing/css-shorthand-vs-longhand-properties-explained-with-simple-examples Learn CSS shorthand and longhand properties with simple examples. This guide helps frontend developers understand how shorthand works, when to use longhand, and best practices for writing clean and maintainable CSS. Sat, 17 Jan 2026 06:53:00 GMT https://thehardik.in/writing/how-tailwind-builds-arbitrary-classes-with-dynamic-values https://thehardik.in/writing/how-tailwind-builds-arbitrary-classes-with-dynamic-values How Tailwind Builds Arbitrary Classes With Dynamic Values Photo by Peaky Frames on UnsplashTailwind CSS popularized the idea that utility classes can cover almost every styling need. When the framework introduced arbitrary values alongside the Just-In-Time (JIT) engine, it pushed the concept further: you could write a class that never existed before and Tailwind would generate the CSS on demand. This article breaks down how that process works, why it matters, and how to wield it responsibly. Wed, 17 Dec 2025 04:00:00 GMT https://thehardik.in/writing/building-a-smooth-dynamic-switch-ui-in-vanilla-javascript-with-full-code-example https://thehardik.in/writing/building-a-smooth-dynamic-switch-ui-in-vanilla-javascript-with-full-code-example Modern dashboards and web apps often require smooth tab-like navigation components that switch views without full page reloads. While frameworks like React or Vue offer built-in state handling, sometimes you simply need a lightweight, framework-free solution — especially for static sites or smaller modules. Fri, 12 Dec 2025 03:30:00 GMT https://thehardik.in/writing/understanding-event-bubbling-in-javascript-a-simple-interactive-guide https://thehardik.in/writing/understanding-event-bubbling-in-javascript-a-simple-interactive-guide When building interactive web experiences, one of the most powerful concepts in JavaScript’s event system is event bubbling. Yet for many beginners — and even intermediate developers — it can feel a bit abstract until you see it happening in real time. To fix that, let’s break down event bubbling with a simple explanation and a fully interactive demo you can run in your browser. Mon, 08 Dec 2025 03:30:00 GMT https://thehardik.in/writing/why-accessibility-matters-building-for-everyone https://thehardik.in/writing/why-accessibility-matters-building-for-everyone Accessibility isn’t a trend, a checkbox, or a premium feature. It’s the commitment to ensure that every person — regardless of their abilities, limitations, environment, or device — can truly engage with what you build. In an age where the internet fuels learning, healthcare, business, and human connection, accessible design isn’t just a best practice… it’s a fundamental responsibility. Tue, 02 Dec 2025 03:40:00 GMT https://thehardik.in/writing/25-must-have-jquery-code-snippets-for-faster-web-development https://thehardik.in/writing/25-must-have-jquery-code-snippets-for-faster-web-development jQuery remains one of the most popular JavaScript libraries, making DOM manipulation, event handling, and AJAX requests incredibly simple. Whether you’re maintaining legacy code or starting a new project, these 25 snippets will save you time and effort. Each snippet is battle-tested and ready to use in production. Fri, 28 Nov 2025 03:30:00 GMT https://thehardik.in/writing/modern-jquery-tricks-that-still-beat-vanilla-js-in-2025 https://thehardik.in/writing/modern-jquery-tricks-that-still-beat-vanilla-js-in-2025 Discover modern jQuery tricks that still outperform vanilla JavaScript in 2025. Learn practical shortcuts, real-world use cases, and smarter ways to write cleaner, faster code. Tue, 25 Nov 2025 03:57:27 GMT https://thehardik.in/writing/getting-started-with-mongodb-integration-in-next-js https://thehardik.in/writing/getting-started-with-mongodb-integration-in-next-js Integrating MongoDB with Next.js is far easier than it seems — and once you do, you unlock one of the cleanest full-stack workflows in modern web development. In this guide, you’ll learn exactly how to connect your Next.js app to MongoDB, set up reusable database utilities, and create API routes that interact directly with your data. By the end, you’ll have a fully working example and a rock-solid foundation for building more advanced features. Sat, 22 Nov 2025 11:40:00 GMT