I recently had some free time and decided to take a look at the Next.js documentation, learning some basic syntax after which I thought it would be a good idea to create a small project, an AI navigation website. Although AI projects are already quite common, I believe learning the structure and actual process of Next.js is still valuable for practicing and understanding the technology. As I don't have a good understanding of front-end styling, I directly copied a GitHub source code to learn from it (tap4.ai) and went through the deployment process. Deploying on Vercel and Supabase was very affordable, and I was surprised by the ease of use. Utilizing ChatGPT to directly answer and adjust styling questions was particularly impressive, allowing me to achieve the desired interaction and effects. I will refine the details later. Next, I will dive into the code of this project and extend its functionality by adding additional features such as login and link submission. Finally, I will post the project website address: https://www.aicompass.top.