Front-End Development

In today’s world of AI-powered development tools, ChatGPT and Microsoft Copilot are often compared side by side. Both promise to make coding easier, debugging faster, and problem-solving more efficient. But when it comes to solving real-world enterprise issues, the difference in their effectiveness becomes clear. Recently, I faced a practical challenge while working with Sitecore […]

Upgrading Angular Applications: Angular 16 to Angular 17 Upgrading Angular applications to the latest version can sometimes be straightforward, but certain dependencies and legacy code can introduce challenges. In this blog, I’ll share my experience upgrading an Angular 16 project to Angular 17, focusing especially on the migration of Angular Material legacy components. Prerequisites for […]

Introduction With over 9+ years of experience in mobile development and a strong focus on React Native, I’ve always been eager to stay ahead of the curve. Recently, I’ve been exploring the future of React Native, diving into upcoming features, AI integrations, and Meta’s long-term vision for cross-platform innovation. React Native has been a game-changing […]

While working on one of my projects, I needed to implement an autocomplete box using Mapbox Geocoding APIs in a React/Next.js application. The goal was to filter a list of hospitals based on the selected location. The location results from the API include coordinates, which I compared with the coordinates of the hospitals in my […]

What is the Content SDK? If you’re familiar with Sitecore’s JSS SDK and have been building sites using it, you may be wondering why Sitecore has released a new SDK — the Content SDK. Why do we need it, and how does it differ from JSS? Think of it like this:  Can you play football wearing […]

Tailwind CSS has revolutionized modern front-end development by offering a utility-first approach. It’s fast, flexible, and makes styling a breeze. But if you’ve ever seen some of your classes disappear after production builds, especially when they’re dynamically generated, then you’re not alone. That’s where Tailwind’s safelist feature comes in! In this post, we’ll break down […]

What is Nwayo? Nwayo Preprocessor is an extendable front-end boilerplate designed to streamline development for multi-theme, multi-site, and multi-CMS front-end frameworks. It provides an efficient workflow for building responsive, scalable, and maintainable web themes across different platforms.  In Magento 2, Nwayo can be particularly beneficial for front-end developers as it simplifies the theme deployment process. […]

Optimizely Configured Commerce (Spire) is a strong platform for creating content-rich ecommerce sites, especially suited for wholesalers and manufacturers. Alongside powerful e-commerce features like product recommendations and fast ordering, it supports extensive storefront customization with blogs, case studies, forums, and other content types. To build clean, scalable, and maintainable websites on Optimizely Configured Commerce, it’s […]

Ready to go from “meh” to “whoa” with your AI coding assistant? Here’s how to get started. You’ve installed GitHub Copilot. Now what? Here’s how to actually get it to work for you – not just with you. In the blog Using GitHub Copilot in VS Code, we have already seen how to use GitHub […]

For most of  people, JavaScript still conjures images of simple web interactions like toggling menus, validating forms, or animating buttons. But that perception is rapidly changing. JavaScript has quietly transformed into a powerful tool for machine learning, not in data centers or cloud clusters, but right in your browser. No need for Python scripts or […]

Machine Learning (ML) is no longer limited to research labs — it’s actively driving decisions in real estate, finance, healthcare, and more. But deploying and managing ML models in production is a different ballgame. That’s where MLOps comes in. In this blog, we’ll walk through a practical MLOps learning project — building a House Price […]

Media queries are essential for modern websites. They enable responsive design by allowing your site or UI to adapt seamlessly across different device sizes. In this blog, we’ll explore how to implement media queries in Optimizely Spire and how to update or customize breakpoints to suit your design needs. Let’s get started! Setting Up Breakpoints […]