Overview

The goal of this project is to build a whois website using Next.js and chakra.ui. The website will provide domain information for the user, such as whether a domain is registered and if it is available for purchase. The project is currently in progress, with the basic design and project framework set up.

Features

• Minimalist design inspired by Google’s search box
• Search functionality to retrieve domain information
• Integration with external API for domain queries
• Separate pages for homepage, backend API, and domain detail page
• Ability to deploy the project on Vercel

Installation

To install the theme and set up the project, follow these steps:

1. Clone the project repository from GitHub.
2. Open the project in an online code editor like GitHub’s editor.
3. Fork the project to your own repository.
4. Modify the links of the deployment buttons to point to your own deployments.
5. Proceed with the following steps:

• Step 1: Implement the homepage.
• Step 2: Implement the backend API to forward requests to an external API.
• Step 3: Implement the search results page.
• Step 4: Implement caching functionality.
• Step 5: Analyze user cases and determine the desired domain information.
• Step 6: Design the homepage with a search box and a placeholder for domain information.
• Step 7: Integrate an external API example for domain queries.
• Step 8: Handle the response for available and unavailable domains.

Summary

This article discusses the ongoing development of a whois website using Next.js and chakra.ui. The project aims to provide domain information to users, including whether a domain is registered and if it is available for purchase. The project features a minimalist design, search functionality, integration with an external API, and deployment options on Vercel. The installation guide provides step-by-step instructions for setting up the project and implementing the different components.