Mridul.Tech

Next JS vs React: Which One Should You Choose?

Mridul Panda — Sat, 30 Aug 2025 10:55:55 GMT

When it comes to building web applications, React is one of the most popular frameworks out there. But with the emergence of Next JS, many developers are left wondering which one they should choose. In this article, we’ll see Next JS vs React to help you decide which one is best for your project. Next.js […]

Types of APIs: A Complete Guide to API Categories

Mridul Panda — Sat, 23 Aug 2025 10:43:31 GMT

Have you ever wondered how your favorite apps talk to each other? Think about logging into a game with your Google account or paying through PayPal on an e-commerce site. That’s all possible because of APIs. They’re like digital messengers, making sure systems communicate smoothly. But did you know there are different types of APIs […]

HTTP Methods – A Complete Guide for Developers

Mridul Panda — Fri, 15 Aug 2025 18:11:40 GMT

The Hypertext Transfer Protocol (HTTP) is the backbone of communication on the World Wide Web. It defines how requests and responses are transmitted between clients (such as browsers) and servers. HTTP methods are the verbs used to describe the action to be performed on a given resource. Understanding them in detail is essential for building […]

What is CORS in JavaScript?

Mridul Panda — Tue, 05 Aug 2025 00:46:09 GMT

CORS (Cross-Origin Resource Sharing) is a fundamental security mechanism implemented in web browsers that governs how resources are requested from another domain (or origin). In simple terms, it’s a way for a server to tell the browser, “Yes, this external domain is allowed to access my resources.” Without proper CORS configuration, modern browsers will block […]

Website vs Web App: Understanding the Key Differences

Mridul Panda — Sun, 27 Jul 2025 13:26:23 GMT

In today’s digital-first world, choosing the right online platform is more important than ever. Businesses, startups, and individuals are often faced with a key decision: should we build a website or a web app? While both serve users through a browser, their purpose, functionality, and level of interactivity are quite different. Understanding the difference between […]

Semantic HTML: Boost Accessibility, SEO, and User Experience

Mridul Panda — Thu, 10 Jul 2025 17:15:33 GMT

Imagine reading a book without chapters, headings, or sections—just a massive wall of text. Confusing, right? That’s exactly what a web browser faces without semantic HTML. What Is Semantic HTML? Semantic HTML refers to the use of HTML tags that clearly describe their meaning and structure both to the browser and to developers. Instead of […]

Migrate to the Radix-UI Mono Package in Shadcn

Mridul Panda — Sat, 28 Jun 2025 10:23:38 GMT

The world of frontend UI libraries continues to evolve at a rapid pace. Developers now demand better tooling, cleaner APIs, and improved developer experience. That’s why the ShadCN UI library just made a massive leap forward. With a single command, You can seamlessly migrate to the new Radix-UI mono package structure with zero breaking changes. […]

Gemini CLI: Google’s Open Source AI Terminal Agent

Mridul Panda — Thu, 26 Jun 2025 21:58:00 GMT

Google has once again reshaped the future of developer productivity and AI-assisted coding by launching Gemini CLI, an open-source AI agent that seamlessly integrates the power of Gemini AI directly into your terminal. With 1,000 free requests per day, instant access to automated coding tasks, and the ability to generate images, videos, and website templates, […]

OpenAI Academy: AI Learning for Everyone

Mridul Panda — Sun, 15 Jun 2025 11:21:17 GMT

Artificial Intelligence (AI) is no longer reserved for PhDs or tech giants. The OpenAI Academy is here to democratize AI education, delivering world-class learning opportunities directly to your screen—without tuition fees or bureaucratic barriers. This platform, developed in collaboration with educational leaders like Georgia Tech and Miami Dade College, is set to redefine how we […]

Top Shadcn Component Libraries You Must Use

Mridul Panda — Wed, 28 May 2025 09:22:33 GMT

Modern web development demands speed, consistency, and elegant UI. Shadcn-based libraries deliver all three. Whether you’re building dashboards, SaaS tools, or dynamic websites, these libraries simplify your workflow and enhance performance. Below is a curated list of the best Shadcn component libraries categorized by functionality. 🌐 What is Shadcn and Why It Matters in UI […]

How programming languages got their names

Mridul Panda — Sat, 24 May 2025 10:35:33 GMT

The fascinating world of programming languages is not only filled with intricate algorithms and powerful tools but also rich with history. Each programming language has its own unique story behind its creation, and one of the most intriguing aspects is the origins of their names. In this article, we explore how programming languages got their […]

Get $30K from Microsoft for identifying bugs in AI.

Mridul Panda — Sat, 17 May 2025 08:27:10 GMT

In a groundbreaking move, Microsoft has announced a lucrative opportunity for security researchers, developers, and ethical hackers around the globe: the AI Bug Bounty Program. Participants can get $30K from Microsoft by identifying vulnerabilities in Microsoft’s AI systems and products. With the rapid deployment of AI technologies, ensuring their safety, reliability, and fairness has become […]

The Power of SVG fill currentColor

Mridul Panda — Thu, 01 May 2025 11:36:11 GMT

When working with Scalable Vector Graphics (SVGs) in modern web development, mastering the use of SVG fill currentColor is essential for creating flexible, theme-consistent, and maintainable user interfaces. This technique allows SVG icons to inherit the text color (color CSS property) of their parent elements, unlocking powerful theming capabilities. Also Read: How to Use SVG […]

Top Bulk QR Code Generator of 2025

Mridul Panda — Mon, 28 Apr 2025 19:30:49 GMT

In the digital era, QR codes have become indispensable tools for businesses, marketers, educators, and event organizers. Generating them in bulk can save time, increase efficiency, and streamline processes. We have curated a comprehensive Top Bulk QR Code Generator of 2025 available today to help you choose the perfect tool. What is a Bulk QR […]

How to add Multiple Origins with Git?

Mridul Panda — Sun, 24 Nov 2024 12:25:53 GMT

Git has become the backbone of modern software development due to its versatility and powerful version control features. But did you know you can add multiple origins with Git repositories? Whether you’re juggling projects across platforms or collaborating on multiple forks, this feature can save you time and improve your workflow. What Are Git Origins? […]

How to add Styled components in Next.js App router

Mridul Panda — Sat, 11 May 2024 14:57:53 GMT

Styled components have become a popular choice for styling React applications due to their simplicity and flexibility. When it comes to integrating styled components into a Next.js application, it’s essential to understand how to leverage them effectively within the app router. In this guide, we’ll explore step-by-step how to add styled components to a Next.js […]

10 FREE HTML CSS Template Websites

Mridul Panda — Sat, 16 Mar 2024 12:20:54 GMT

In the ever-evolving world of web design, having a solid foundation is key to creating visually appealing and functional websites. HTML and CSS are the building blocks of the web, and having access to free templates can save you both time and effort. In this article, we’ll introduce you to 10 FREE HTML CSS template […]

How to reduce React Native APK Size?

Mridul Panda — Sun, 18 Feb 2024 10:34:15 GMT

In the ever-evolving landscape of mobile app development, optimizing React Native APK size is crucial for delivering a seamless user experience. Developers often grapple with bloated APKs, hindering app downloads and user retention. This comprehensive guide unveils practical steps to efficiently reduce React Native APK size, ensuring your application remains agile and user-friendly. Also Read: […]

How to use SVG in React Native?

Mridul Panda — Fri, 02 Feb 2024 22:44:27 GMT

In the ever-evolving world of mobile app development, React Native has emerged as a popular framework for building cross-platform applications. One of the intriguing aspects of React Native is its support for Scalable Vector Graphics. In this article, we’ll delve into the intricacies of rendering SVG in React Native and explore best practices to enhance […]

React Hooks Cheatsheet

Mridul Panda — Sun, 21 Jan 2024 12:13:38 GMT

React, a popular JavaScript library for building user interfaces, introduced Hooks to make functional components more powerful and expressive. Let’s dive into the React Hooks Cheatsheet to understand how they enhance the development experience. React Hooks Cheatsheet In the ever-evolving landscape of web development, React Hooks have become indispensable for building dynamic and efficient user […]

How to change Status Bar Background Color in React Native

Mridul Panda — Fri, 12 Jan 2024 17:21:05 GMT

In the dynamic world of mobile app development, creating a seamless and engaging user experience is paramount. One often-overlooked aspect that can significantly impact the overall feel of a React Native application is the status bar. This article will guide you on how to change the status bar background color in React Native, allowing you […]

Free Udemy Courses for Web Developers

Mridul Panda — Sat, 30 Dec 2023 11:14:34 GMT

In the fast-paced world of web development, staying up-to-date with the latest technologies and skills is crucial. However, enrolling in courses can be expensive, and not everyone has the budget for it. This is where Free Udemy Courses for Web Developers come to the rescue. In this article, we’ll explore this invaluable resource, providing you […]

How to add Google Web Stories in Next JS

Mridul Panda — Thu, 14 Dec 2023 09:18:12 GMT

In the fast-paced digital world, user engagement is key to the success of any website. One effective way to captivate your audience is by incorporating Google Web Stories into your Next JS website. These visually appealing and interactive stories can make your content more engaging and shareable. In this comprehensive guide, we’ll walk you through […]

Discover the Top 5 Free ChatGPT Alternatives

Mridul Panda — Sun, 26 Nov 2023 10:23:49 GMT

In today’s digital age, artificial intelligence (AI) has revolutionized various aspects of our lives, including the way we communicate and interact online. One such AI model that gained significant popularity is ChatGPT. However, if you’re looking for free alternatives that offer similar functionalities and engaging experiences, you’re in the right place! In this blog post, […]

How to send Emails in Next JS for Free using Resend

Mridul Panda — Fri, 10 Nov 2023 18:45:56 GMT

Sending emails in web applications is a crucial feature, and in this article, we will explore how to send Emails in Next JS for free using Resend. Next JS is a popular framework for building React applications, and Resend is a handy tool for email integration. By the end of this guide, you’ll have the […]

How to add Google Login in Next.js with Appwrite

Mridul Panda — Wed, 01 Nov 2023 12:10:11 GMT

Are you looking to enhance user authentication in your Next.js application? Integrating Social Login with Appwrite can be a game-changer. Add Google Login to your Next.js app with Appwrite. This article will guide you through the process, and practical tips to add Google Login in Next.js with Appwrite. GitHub Code: Google Login in Next.js with […]

How to add Protected Routes in Next JS

Mridul Panda — Sat, 28 Oct 2023 10:53:40 GMT

In the world of web development, security is paramount. Whether you are building a simple blog or a complex web application, protecting certain routes and pages from unauthorized access is a crucial step. In this comprehensive guide, we will walk you through the process of adding protected routes in Next JS, ensuring that your web […]

How to run localhost 3000 on https in Next JS

Mridul Panda — Fri, 20 Oct 2023 09:26:08 GMT

In the ever-evolving world of web development, having a secure local development environment is crucial. If you’re working with Next.js and need to run localhost on HTTPS with port 3000, you’re in the right place. In this comprehensive guide, we will walk you through the process step by step, ensuring you have a secure and […]

JavaScript Project Ideas to Boost Your Portfolio

Mridul Panda — Fri, 13 Oct 2023 09:38:57 GMT

JavaScript is the backbone of web development, and mastering it is essential for any aspiring developer. While learning the basics is crucial, building real-world projects is the key to solidifying your knowledge. In this comprehensive guide, we’ll present a diverse range of JavaScript project ideas that cater to different skill levels and interests. These projects […]

How to Generate robots.txt in Next JS?

Mridul Panda — Thu, 05 Oct 2023 09:14:53 GMT

In the world of web development and search engine optimization (SEO), ensuring that your website is easily accessible and properly indexed by search engines is paramount. One essential tool that aids in this process is the creation of a robots.txt file. In this comprehensive guide, we, the experts, will walk you through the process of […]

How to Generate Sitemap in Next JS?

Mridul Panda — Thu, 28 Sep 2023 09:43:14 GMT

In today’s digital landscape, optimizing your website’s SEO is crucial to attracting more organic traffic and ranking higher on search engine result pages (SERPs). One essential aspect of SEO is creating a sitemap, which helps search engines crawl and index your website efficiently. If you’re using Next JS for your website development, this guide will […]

Node JS Project Ideas to Boost Your Portfolio

Mridul Panda — Wed, 20 Sep 2023 17:49:35 GMT

In the ever-evolving world of technology, staying competitive and relevant is key. As a developer, enhancing your skills and expanding your portfolio is essential. Node.js, with its versatility and wide range of applications, is an excellent choice to boost your portfolio. In this article, we will explore 10 Node JS project ideas that not only […]

10 Best Free Midjourney alternative

Mridul Panda — Thu, 14 Sep 2023 00:55:11 GMT

In the digital age, visuals are everything. Whether you’re a content creator, marketer, or just looking to spruce up your social media posts, having a reliable image generator is essential. While Midjourney is a popular choice, there are numerous alternatives that offer impressive features without the price tag. This comprehensive guide will delve into the […]

10 FREE Microsoft online courses with certification

Mridul Panda — Tue, 05 Sep 2023 19:48:24 GMT

In today’s fast-paced world, staying ahead in your career often requires continuous learning and skill enhancement. Microsoft, a global technology giant, offers a range of online courses that can help you acquire valuable skills and earn certifications – all for free. In this comprehensive guide, we will explore the top 10 FREE Microsoft online courses […]

Explore the Latest Generative AI Apps and Their Impacts

Mridul Panda — Thu, 31 Aug 2023 23:26:46 GMT

The field of technology is constantly. The recent advancements, in AI applications have been truly remarkable. In this guide we will explore the world of the latest generative AI apps. From understanding their definition to exploring their real world applications this article aims to provide you with an insight, into this transformative technology. An Overview […]

How to Build PWA with Next JS?

Mridul Panda — Sat, 19 Aug 2023 23:21:39 GMT

Progressive Web Apps (PWAs) have taken the web development world by storm, providing users with fast, reliable, and engaging web experiences. Among the various frameworks available for building PWAs, Next JS stands out as a popular choice due to its simplicity and flexibility. In this guide, we will explore the process of building a PWA […]

How to create a URL Shortener with Next JS and Sanity

Mridul Panda — Mon, 17 Jul 2023 14:28:30 GMT

In today’s fast-paced digital world, URL shorteners have become essential tools for simplifying and sharing links. They provide concise and memorable URLs that are easier to manage and share across various platforms. If you’re looking to create your own URL shortener using Next JS and Sanity, you’re in the right place. This article will guide […]

The Modern Web Stacks You Should Know About

Mridul Panda — Mon, 03 Jul 2023 12:41:36 GMT

In today’s digital age, web development has become an integral part of businesses and organizations worldwide. To create robust and efficient web applications, developers rely on a combination of technologies known as web stacks. A web stack is a set of software tools and frameworks that work together to enable the development, deployment, and maintenance […]

How to Use SVG in Next JS?

Mridul Panda — Sun, 11 Jun 2023 15:51:15 GMT

SVG (Scalable Vector Graphics) is a powerful image format that allows for high-quality graphics and animations on the web. When used in conjunction with Next JS, a popular React framework for building web applications, SVG can enhance the visual appeal and interactivity of your projects. In this article, we’ll explore how you can effectively use […]

Next JS Project Ideas to Boost Your Portfolio

Mridul Panda — Sun, 28 May 2023 11:04:02 GMT

Next.js has gained popularity among web developers due to its powerful features and seamless integration with React. In this article, we will explore various Next.js project ideas to Boost Your Portfolio and enhance your web development skills. Whether you are a beginner or an experienced developer, these project ideas will inspire you to create amazing […]

React Emoji Picker: Add Emoji Picker in a React App

Mridul Panda — Thu, 18 May 2023 09:12:47 GMT

Emojis have become a staple in modern communication, with people using them to convey emotions and ideas in various contexts. As such, it’s important for developers to provide users with an easy and intuitive way to input emojis into their applications. This is where the React Emoji Picker comes in handy. This tool simplifies the […]

Explore the Advanced Image Features of Cloudinary

Mridul Panda — Fri, 28 Apr 2023 10:49:07 GMT

As a cloud-based image management solution, Cloudinary offers a wide range of advanced features for transforming and optimizing images. In this ultimate guide, we’ll explore the advanced Image Features of Cloudinary.

Creating a Stunning Image Gallery using React Image Gallery

Mridul Panda — Wed, 19 Apr 2023 09:59:43 GMT

When it comes to building a website, a visually appealing image gallery can make a huge difference in the overall user experience. React Image Gallery is a popular and flexible Reactjs component library that can help you create a stunning gallery for your website. In this article, we will explore the features of React Image […]

Top 5 Platforms to Host React Apps for Free

Mridul Panda — Tue, 11 Apr 2023 09:57:21 GMT

Learn about the best platforms to host your React apps for free. This guide will help you choose the right platform that suits your needs.

How to Upload Images to Cloudinary With React JS

Mridul Panda — Wed, 05 Apr 2023 00:12:15 GMT

Are you struggling to upload images in your React JS application? Are you tired of the tedious process of configuring file uploads and handling image storage? If so, you are not alone. Many developers find image management in web applications to be a challenge. Fortunately, Cloudinary offers an easy solution. In this article, we will […]

Top 5 CSS Libraries for Web Developers in 2023

Mridul Panda — Thu, 30 Mar 2023 20:39:59 GMT

CSS or Cascading Style Sheets is an essential part of modern web development. It enables developers to create visually appealing and responsive websites that engage users. However, developing CSS from scratch can be time-consuming and challenging. Fortunately, there are numerous CSS libraries available that make CSS development more manageable, efficient, and effective. In this article, […]

Top 5 Free Font Sites for Web Designers

Mridul Panda — Mon, 27 Mar 2023 10:40:35 GMT

Choosing the right font is essential in web design, as it can have a significant impact on how your website looks and feels. However, finding the perfect font for your project can be challenging, especially when you are on a tight budget. Fortunately, there are many free font sites available that can help you find […]

How to add Google AdSense in Next JS

Mridul Panda — Fri, 24 Mar 2023 10:45:36 GMT

The traditional Google AdSense installation is not compatible with the websites created using Next JS. Next JS’s conventional Adsense implementation is sometimes successful but isn’t always. And there is no official way to implement Google Adsense in Next JS. In this article, you will learn How to add Google AdSense in Next JS. After reading […]

Anonymous Functions in JavaScript

Mridul Panda — Tue, 21 Mar 2023 09:02:05 GMT

JavaScript is a dynamic programming language that has grown significantly in popularity over the years. It offers several features that make it one of the most flexible programming languages around. One of these features is anonymous functions. In this article, we will take a closer look at anonymous functions in JavaScript, including what they are, […]

How to Create a React Search Bar for Your Website

Mridul Panda — Sat, 18 Mar 2023 09:13:55 GMT

A search bar is an essential component of any website, allowing visitors to find the information they need quickly. If you are building a website using React, you can easily create a search bar to improve the user experience. In this article, we will guide you through the process of creating a React search bar […]

Top 5 Websites for Free and Beautiful Stock Images

Mridul Panda — Wed, 15 Mar 2023 09:43:26 GMT

Images are an essential aspect of digital marketing and web design. They can help to convey your brand message, evoke emotions, and make your website or social media page stand out. However, finding high-quality images can be expensive and time-consuming. That’s where stock images come in handy. In this article, we will share the top […]

Best Chrome Extensions for Web Developers

Mridul Panda — Sun, 12 Mar 2023 09:16:10 GMT

As a web developer, you already know how time-consuming it can be to switch between different tools and applications to get your work done. However, with the right Chrome extensions, you can save time, increase productivity, and streamline your workflow. In this article, we’ll explore the best Chrome extensions for web developers that you can […]

React Hook useEffect Has a Missing Dependency: How to Fix It

Mridul Panda — Fri, 10 Mar 2023 09:46:00 GMT

React is one of the most popular JavaScript libraries used for building user interfaces. One of the main advantages of React is the use of hooks, which allow you to use state and other React features in functional components. One of the most commonly used hooks is useEffect, which is used for handling side effects […]

Top 5 Free APIs for Your Next Project

Mridul Panda — Wed, 08 Mar 2023 09:53:26 GMT

APIs or Application Programming Interfaces are essential tools for developers as they allow them to access data and functionality of different systems and services. With the increasing demand for applications and websites that offer exceptional user experiences, the use of APIs has become more crucial than ever before. In this article, we will discuss the […]

Next JS Typescript: Everything You Need to Know

Mridul Panda — Sun, 05 Mar 2023 10:06:18 GMT

Combining Next JS and Typescript allows developers to build powerful and scalable web applications that are easy to maintain and evolve. In this article, we will explore the benefits of using Next JS with Typescript and how to get started with this powerful combination. Next.js is a popular React-based framework that makes it easy to […]

10 React Project Ideas to Boost Your Portfolio

Mridul Panda — Wed, 01 Mar 2023 10:05:04 GMT

React is one of the most popular and widely-used JavaScript libraries for building modern web applications. As a React developer, you need to constantly enhance your skills and build a strong portfolio to stand out in the competitive job market. A great way to showcase your React skills is by building real-world projects that demonstrate […]

How to Deploy Next JS with Environment Variables

Mridul Panda — Mon, 27 Feb 2023 00:22:55 GMT

In the previous article, we discussed how to use environment variables in Next JS. But that was in the local environment. But when we deploy our app then how we can add the env variables and also make them private? So in this article, we are going to learn Deploy Next JS with Environment Variables […]

How to use Next js Environment Variables

Mridul Panda — Fri, 24 Feb 2023 09:03:10 GMT

We use a variety of services in our application while constructing projects. In the case of APIs, several technologies employ tokens or API keys to grant authorised users access to endpoints. These API keys are confidential and cannot be disclosed to anybody online. While deploying the code, we hide the key using an environment variable. […]

How to Add Google Analytics in NextJS

Mridul Panda — Sat, 18 Feb 2023 00:55:00 GMT

The most valuable commodity in the world right now is data. Therefore, if you want to grow your business, you must understand how your people are utilising your platform. And in the world of analytics, Google Analytics is the most used tool and it’s completely free to use. In this article, we are going to […]

How to add Next JS Redirect

Mridul Panda — Fri, 10 Feb 2023 09:54:14 GMT

Redirects are one of the essential features of a web app. With redirects, you can redirect a user to the login page if the user is not logged in. You can add a redirect from the old URL to your new URL. There are so many ways you can use the redirect. In this article, […]

How to Create Heartbeat Animation in CSS

Mridul Panda — Fri, 03 Feb 2023 23:58:05 GMT

With only HTML and CSS you can create a lot of create animation and a lot of shapes in the web. And in this article you will learn how to draw a heart shape and add Heartbeat Animation in CSS to the shape Get the full source code of the heartbeat animation on GitHub Draw […]

How to use CSS Animations with Styled Components

Mridul Panda — Mon, 30 Jan 2023 18:11:21 GMT

The styled component is one of the most popular libraries for giving styles to React JS and Next JS projects. It has over 4.9 Million downloads in NPM. With styled-components, we can write the CSS in the component file, providing so much maintainable and clean code. But when you try to add CSS keyframes the […]

How to use GitHub GraphQL API in React or Next JS

Mridul Panda — Tue, 24 Jan 2023 09:51:39 GMT

An application programming interface (API) is the easiest way for applications to communicate with each other. And with the help of API, we can make out own UI with the help of existing data available on the internet. There are two major types of API available – REST API and GraphQL API. GitHub has also […]

How to Generate ZIP with File Links in Next JS and React JS

Mridul Panda — Sun, 22 Jan 2023 17:01:42 GMT

How to Generate ZIP with file links after API call and download the ZIP file on the client side React JS and Next JS

How to Change React Native App Icon for iOS and Android

Mridul Panda — Sun, 22 Jan 2023 11:24:43 GMT

The Application Icon provides the App’s unique identifier. The primary thing that users usually remember is the application icon. Most of the time, a user can recall an application’s symbol rather than its name. The objective of your application should be defined by the app icon, which might be your brand’s logo or anything else. […]

How to use both Tailwind and Styled Components in Next JS

Mridul Panda — Fri, 20 Jan 2023 09:47:59 GMT

Styling is important in every website but it is equally difficult to add CSS with just .css files. And when you’re using Next JS then you have so many options to choose from. But they are not easy to set up. Next JS supports CSS modules by default but CSS modules are not that interesting […]

How to add Grid Layout in React Native

Mridul Panda — Tue, 17 Jan 2023 17:52:04 GMT

Create a layout with same width and same spacing between items and add a specific number of items in a column

How to Highlight Code Syntax in Next JS

Mridul Panda — Sun, 15 Jan 2023 11:05:36 GMT

This is how you can Highlight Code Syntax in Next JS in SSR with Highlight.js with lots of code themes in both light and dark mode.

How to handle Cookie Consent in Next JS

Mridul Panda — Fri, 13 Jan 2023 16:16:16 GMT

A guide on How to Handle Cookie Consent in Next JS and React JS Applications with all customizable props and actions.

How to add input tags in HTML

Mridul Panda — Sun, 24 Jul 2022 14:53:08 GMT

The tag specifies an input field where the user can enter data. Input tags are the most important form elements. Input tags can be displayed in many ways depending on their attributes. The different types of HTML input tag are present in this post. How to add input tags in HTML? An input tag […]

Get Started with Next JS On-demand Revalidation

Mridul Panda — Tue, 12 Jul 2022 01:12:34 GMT

Recently Next JS introduced On-demand Revalidation. On v12.2.0 Next.js supports On-Demand Incremental Static Regeneration to manually purge the Next.js cache for a specific page. Now you can update your site in the following cases. To test this we need to disable cache in apollo-link or apollo-client. In the defeultOptions, fetchPolicy as no-cache avoids using the […]

How to use SCSS with Tailwind in Next JS

Mridul Panda — Sun, 10 Jul 2022 14:29:19 GMT

Tailwind is a utility-first CSS framework packed with classes. It’s easy to use and can be composed to build any design, directly in your markup. Tailwind can be used in any framework like React JS, Next JS and even Vanilla JS. We are going to use SCSS with Tailwind in Next JS. This is A […]

Save Form data in Google Sheets with Next JS

Mridul Panda — Sun, 10 Jul 2022 13:59:54 GMT

In this post, we are going to make a simple contact form with Next JS and save Form data in Google Sheets. This form will have four files – Full Name, Email, Topic & Description. Also Read: Next JS Project Ideas to Boost Your Portfolio App Register for Google Sheet Here are the detailed step-by-step […]