How to Serialize Code Snippets and Image in Sanity V3 and NextJS

In this article, I will show you how to add code blocks and images to your latest Sanity v3 studio and NextJS 13 project. Just adding a code...

How to Prevent Code Snippets from Execution

In this article, I will show you how you can create a code block using HTML and CSS, we will be using pre & code tags, but we will sanitize ...

Difference between Dynamic vs Static Sitemap

The main difference is the static sitemap will not update until you edit it, but in the case of a dynamic sitemap, it will get updated witho...

How to Create a Dynamic Sitemap using NextJS & Sanity

Have multiple dynamic pages and get confused about how to create a sitemap using Nextjs and the sanity backend, do not worry. I will show yo...

How to Create hamburger menu using Nextjs HTML CSS.

In this article, we will create a hamburger menu using NextJS 14 with an app router and including HTML and CSS, so let's get into the tutori...

Simple tricks to transition from height 0 to 100% CSS only.

In this tutorial, I will share a simple trick to transition from height 0 to 100% CSS only,...

How to make data inside of cart become Persistent - NextJS

When we click the button, it will get added to the cart. And when we press to remove button, it gets removed from the cart, and it has an in...

Nextjs Contact Form with App Router and MongoDB

In this article, we create a NextJS contact form with an App router, and we will be making an API route to submit our form in MongoDB, so le...