Generating sitemap for a headless WP + Next.js site
In this tutorial, you will learn how to create a dynamic sitemap for your headless WordPress site. I’m not going to create a full site
My Blogs
Read More »
How to work with absolute path import in Gatsby
A few days ago while working on a gatsby project I found it slightly complicated to set up absolute path work. I like the ~/
NextJS build error when slug ends with .html for dynamic routes
I have been working on converting a massive WordPress site (20K posts) to NextJS. Every post on this old site has .html in the URL
How to add an RSS feed to your Next.js WordPress site
I have been working on converting a massive WordPress news site to NextJS. It uses WordPress as Headless CMS and Nextjs’s ISR feature for all
Design a serverless REST API – IBM cloud functions and cloudant
In this tutorial, we are going to create a serverless web application using cloudant and IBM Cloud™ Functions. Our REST API will be a simple
How to create a scroll progressbar
Let’s learn how we can create a scroll progress bar and add it to a website. We can add this pretty easily to any type
How To Create an Accordion – No Javascript
An accordion is one of the frequently used sections on websites. Lets learn how we can create an accordion without any javascript and accessibility friendly.
Create custom toggle button – That’s accessibility friendly
Lets learn how we can create a beautiful custom toggle button using html, css and javascript and that’s fully accessibility friendly and uses best practices.
Prismjs – The Best Syntax Highlighter
If you are writing some blog that contains code blocks, syntax highlighter is required. It makes your codes look pretty and organized. In this blog,
Add dark mode to your wordpress site
The dark mode is very popular nowadays. In this blog, I’ll explain how I added dark mode into my WordPress site using CSS and Javascript.