Blogs

Tools

Quick Links

Mridul.tech

Blogs in Featured category

How to add Google Web Stories in Next JS

How to add Google Web Stories in Next JS

Dec 14, 2023

·

10 Min Read

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 […]

Read More

How to send Emails in Next JS for Free using Resend

How to send Emails in Next JS for Free using Resend

Nov 10, 2023

·

7 Min Read

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 […]

Read More

How to add Google Login in Next.js with Appwrite

How to add Google Login in Next.js with Appwrite

Nov 01, 2023

·

7 Min Read

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 […]

Read More

JavaScript Project Ideas to Boost Your Portfolio

JavaScript Project Ideas to Boost Your Portfolio

Oct 13, 2023

·

3 Min Read

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 […]

Read More

How to Generate robots.txt in Next JS?

How to Generate robots.txt in Next JS?

Oct 05, 2023

·

4 Min Read

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 […]

Read More

How to Generate Sitemap in Next JS?

How to Generate Sitemap in Next JS?

Sep 28, 2023

·

8 Min Read

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 […]

Read More

Node JS Project Ideas to Boost Your Portfolio

Node JS Project Ideas to Boost Your Portfolio

Sep 20, 2023

·

4 Min Read

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 […]

Read More

10 Best Free Midjourney alternative

10 Best Free Midjourney alternative

Sep 14, 2023

·

5 Min Read

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 […]

Read More

Explore the Latest Generative AI Apps and Their Impacts

Explore the Latest Generative AI Apps and Their Impacts

Aug 31, 2023

·

3 Min Read

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 […]

Read More

How to Build PWA with Next JS?

How to Build PWA with Next JS?

Aug 19, 2023

·

5 Min Read

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 […]

Read More

How to create a URL Shortener with Next JS and Sanity

How to create a URL Shortener with Next JS and Sanity

Jul 17, 2023

·

7 Min Read

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 […]

Read More

Next JS Project Ideas to Boost Your Portfolio

Next JS Project Ideas to Boost Your Portfolio

May 28, 2023

·

8 Min Read

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 […]

Read More

Explore the Advanced Image Features of Cloudinary

Explore the Advanced Image Features of Cloudinary

Apr 28, 2023

·

6 Min Read

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.

Read More

Top 5 Platforms to Host React Apps for Free

Top 5 Platforms to Host React Apps for Free

Apr 11, 2023

·

7 Min Read

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.

Read More

Top 5 CSS Libraries for Web Developers in 2023

Top 5 CSS Libraries for Web Developers in 2023

Mar 30, 2023

·

6 Min Read

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, […]

Read More

Top 5 Free Font Sites for Web Designers

Top 5 Free Font Sites for Web Designers

Mar 27, 2023

·

5 Min Read

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 […]

Read More

How to add Google AdSense in Next JS

How to add Google AdSense in Next JS

Mar 24, 2023

·

7 Min Read

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 […]

Read More

How to Create a React Search Bar for Your Website

How to Create a React Search Bar for Your Website

Mar 18, 2023

·

6 Min Read

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 […]

Read More

Best Chrome Extensions for Web Developers in 2023

Best Chrome Extensions for Web Developers in 2023

Mar 12, 2023

·

4 Min Read

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 […]

Read More

10 React Project Ideas to Boost Your Portfolio

10 React Project Ideas to Boost Your Portfolio

Mar 01, 2023

·

6 Min Read

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 […]

Read More

How to add Next JS Redirect

How to add Next JS Redirect

Feb 10, 2023

·

3 Min Read

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, […]

Read More

How to use both Tailwind and Styled Components in Next JS

How to use both Tailwind and Styled Components in Next JS

Jan 20, 2023

·

5 Min Read

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 […]

Read More

How to use SCSS with Tailwind in Next JS

How to use SCSS with Tailwind in Next JS

Jul 10, 2022

·

1 Min Read

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 […]

Read More

Save Form data in Google Sheets with Next JS

Save Form data in Google Sheets with Next JS

Jul 10, 2022

·

6 Min Read

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 […]

Read More

Do you want more articles on React, Next.js, Tailwind CSS, and JavaScript?

Subscribe to my newsletter to receive articles straight in your inbox.

If you like my work and want to support me, consider buying me a coffee.

Buy Me A Coffee

Contact Me ☎️

Discuss A Project Or Just Want To Say Hi?
My Inbox Is Open For All.

Mail : contact@mridul.tech

Connect with me on Social Media

Contact Art