Tag: Tech

  • Next.js 15 Build Once, Deploy Many: Achieving Environment-Agnostic Builds with the App Router

    Master Next.js 15 App Router deployments. Discover how to avoid NEXT_PUBLIC_ variables, implement runtime config, and purge SSG pages on Azure Web Apps for a faster, more reliable CI/CD pipeline

  • Automating Next.js 15 Deployments: A Build Once, Deploy Many GitHub Actions Guide

    Learn how to build a high-performance CI/CD pipeline for Next.js 15 using GitHub Actions. Move a single agnostic artifact through DEV, SIT, and PROD without rebuilding

  • Your Simple Guide to Google's AI Tools in 2026: Practical Uses for Everyday Life

    It is early 2026, and Google has fundamentally shifted from offering simple "chatbots" to providing "AI Agents"—tools that don't just talk but actually do things.

  • The Hard Truth About Running Next.js at Scale

    Next.js has quickly become one of the most dominant frameworks for frontend fullstack development. It's great for shipping MVPs fast, but here's the big question, is it equally good for production-grade applications? Let's break it down and talk about the trade-offs you might face when using the Next.js stack.

  • How to Shrink Docker Images from Gigabytes to Megabytes

    You might wonder why you should care about the size of your Docker images. Here are a few compelling reasons...

  • FFmpeg: The One-Liner to Rule All Media Files

    FFmpeg is a powerful command-line tool to handle all your media needs. Use it to quickly convert formats, create GIFs, resize images, trim videos, and extract audio right from your terminal. It's the fast, free, and scriptable alternative to heavy video editing software.

  • Why companies are moving away from NextJS?

    Companies are shifting away from Next.js because of concerns about increased complexity, vendor lock-in, performance limitations at scale, and the flexibility offered by alternative frameworks like Astro, Remix, or pure React solutions with Vite. While Next.js remains a powerful tool, it's not always the best choice for all projects.

  • Mono Repo vs. Micro Front-ends with Next.js

    In the world of web development, the architecture of your project can significantly influence its scalability, maintainability, and performance.

  • State Handling in React JS

    React's component-based architecture enables developers to create reusable, composable UI elements.

  • NextCloud on Synology Docker 2024

    NextCloud is a widely used hosting solution that offers an integrated office suite, allowing users to utilize the platform in a manner similar to services such as Dropbox and Google Drive.

  • Dockerizing a React App in Simple Steps

    Docker allows you to package your React app along with its dependencies and configuration into a container

  • How to Setup Mac Terminal

    People often ask me how I setup my Mac terminal, here is the guide.

  • Top 5 ways to structure a frontend project

    Open-source projects you get very little chance to structure the project, but you still can set guidelines upfront

  • How to write short JavaScript code?

    I know some of you have never used short syntax JavaScript statements for example if/else vs. ternary statement.

  • CORS in NextJS

    Setting up CORS is always a challenge for people who are not really from server-side application backgrounds.

  • Aria is not my thing

    I am reading a lot about accessibility guidelines and met/working with some people who are responsible to deliver accessible experiences

  • My first Strapi project experience

    I found Strapi as a good example since it is not only popular these days but comes with nearly zero bootstrap footprints.

  • Host your Strapi project

    In this article, I will walk you through the Strapi CMS setup on your local machine followed by deploying it to Heroku.

  • Responsive vs. Adaptive Design

    One of the regular topics which usually comes in every discussion before starting a website is actually a bit confusing too.

More tags: