Stack
We need to choose a stack first to build this application. I have decided to go with the Jamstack.
I am going to use Next.js for the client-side and TailwindCSS for the styling.
If you don’t know about Next.js, it is a JavaScript framework built on top of React and provides features like server-side rendering, static site generation, etc. Tailwind is a CSS framework that provides utility classes to speed up the development process.
Choosing The API
Let’s find an API that we can use to fetch the email validity information. Go to RapidAPI Hub and create an account if you haven’t already and then search for “email validity” in the search section.
DEEP DIVE
Learn more about how to use RapidAPI Hub.
Read more
You will see different search results related to all the available APIs that provide this service. For this piece, I am using E-mail Check Invalid or Disposable Domain API.
To use this API, you need to subscribe to it first. You can do this by clicking on Subscribe to Test button.
Subscribe to E-mail Check Invalid or Disposable Domain
Once you click the button, you will be redirected to another page where different available subscription packages will be shown. Let’s go with the free one for now.
After all this, you will be redirected back to the original page. Here you will have a key x-rapidapi-key. Save it. It will be used later in the application.
