Web development insights, JavaScript tips, and deep dives into modern frameworks like React, Node.js, and Astro.https://dipankarmaikap.com/https://dipankarmaikap.com/secure-headless-wordpress-wpgraphql-api/https://dipankarmaikap.com/secure-headless-wordpress-wpgraphql-api/Learn how to secure your headless WordPress site by protecting the WPGraphQL API. This guide covers authentication, application passwords, and best practices to lock down the /graphql endpoint.Fri, 05 Sep 2025 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/integrating-react-hook-form-with-tanstack-start/https://dipankarmaikap.com/integrating-react-hook-form-with-tanstack-start/Learn to integrate TanStack Start with React Hook Form for type-safe, reusable forms. This guide covers client and server-side validation, JavaScript-free support, and more.Sun, 23 Mar 2025 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/how-to-use-tailwind-css-v4-in-astro/https://dipankarmaikap.com/how-to-use-tailwind-css-v4-in-astro/Learn how to set up Tailwind CSS v4 in an Astro project using the @tailwindcss/vite plugin. Follow this step-by-step guide to integrate Tailwind.Sun, 09 Feb 2025 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/headless-wordpress-and-seo/https://dipankarmaikap.com/headless-wordpress-and-seo/Learn how to optimize SEO in a headless WordPress setup using WPGraphQL and Next.js. Discover how to fetch Yoast SEO data and integrate it seamlessly into your frontend.Wed, 20 Jul 2022 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/generating-sitemap-for-a-headless-wp-next-js-site/https://dipankarmaikap.com/generating-sitemap-for-a-headless-wp-next-js-site/Learn how to generate a dynamic XML sitemap for your headless WordPress site using Next.js. Improve SEO, enhance search engine indexing, and automate sitemap updates effortlessly.Sun, 17 Apr 2022 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/how-to-work-with-absolute-path-import-in-gatsby/https://dipankarmaikap.com/how-to-work-with-absolute-path-import-in-gatsby/Learn how to set up absolute path imports in Gatsby using Webpack configuration and JS/TS config files. Improve your development experience and enable VS Code's Go to Definition feature.Tue, 08 Feb 2022 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/nextjs-build-error-when-slug-ends-with-html-for-dynamic-routes/https://dipankarmaikap.com/nextjs-build-error-when-slug-ends-with-html-for-dynamic-routes/Learn how to fix Next.js build errors when handling dynamic routes with .html in URLs, ensuring SEO-friendly migration from WordPress.Tue, 08 Jun 2021 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/how-to-add-an-rss-feed-to-your-next-js-wordpress-site/https://dipankarmaikap.com/how-to-add-an-rss-feed-to-your-next-js-wordpress-site/Learn how to generate an RSS feed for your Next.js WordPress site using Server-Side Rendering (SSR). Improve content distribution and SEO with dynamic RSS feeds and caching for better performance.Wed, 28 Apr 2021 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/how-to-design-a-serverless-rest-api-ibm-cloud-functions-and-cloudant/https://dipankarmaikap.com/how-to-design-a-serverless-rest-api-ibm-cloud-functions-and-cloudant/Learn how to build a serverless REST API with IBM Cloud Functions and Cloudant. This step-by-step guide covers creating, deploying, and managing a to-do list application.Mon, 07 Dec 2020 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/how-to-create-a-scroll-progressbar/https://dipankarmaikap.com/how-to-create-a-scroll-progressbar/Learn how to create a scroll progress bar using JavaScript and CSS. Track scroll percentage and update a progress bar dynamically.Fri, 27 Nov 2020 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/how-to-create-an-accordion-no-javascript/https://dipankarmaikap.com/how-to-create-an-accordion-no-javascript/Create an accordion using only HTML and CSS without JavaScript. Use the <details> and <summary> tags for a simple and accessible solution.Thu, 15 Oct 2020 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/create-custom-toggle-button-accessibility-friendly/https://dipankarmaikap.com/create-custom-toggle-button-accessibility-friendly/Learn how to create a custom toggle button that is fully accessible, keyboard-friendly, and easy to implement using HTML, CSS, and JavaScript.Mon, 10 Aug 2020 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/prismjs-the-best-syntax-highlighter/https://dipankarmaikap.com/prismjs-the-best-syntax-highlighter/Learn how to add Prism.js to your project for clean and readable code blocks. A step-by-step guide for beginners.Sun, 19 Jul 2020 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/add-dark-mode-to-your-wordpress-site/https://dipankarmaikap.com/add-dark-mode-to-your-wordpress-site/Learn how to add a dark mode toggle to your WordPress site using CSS and JavaScript. Improve user experience and accessibility with this simple guide.Sat, 18 Jul 2020 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/create-a-flip-card-using-html-css-and-javascript/https://dipankarmaikap.com/create-a-flip-card-using-html-css-and-javascript/Learn how to create a simple flip card using HTML, CSS, and JavaScript. This step-by-step guide explains how to toggle between elements using JavaScript.Fri, 17 Jul 2020 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/unable-to-upload-custom-icons-to-elementor/https://dipankarmaikap.com/unable-to-upload-custom-icons-to-elementor/Unable to upload custom icons in Elementor? The issue might be a missing ZIP extension. Learn how to fix it and successfully upload your custom icons.Thu, 16 Jul 2020 00:00:00 GMTDipankar Maikaphttps://dipankarmaikap.com/hello-world/https://dipankarmaikap.com/hello-world/Launching my web development blog! Sharing my coding journey, solutions to coding challenges, and insights on learning new technologies.Wed, 15 Jul 2020 00:00:00 GMTDipankar Maikap