Overview:

The Open Source Tap4 AI Web UI is a lightweight and easy-to-maintain project aimed at individuals interested in AI navigation sites and learners keen on NextJs. This project allows users to easily create their own AI Tools Directory to collect their favorite AI tool products. The latest version, 2.0.0, brings in new features like AI tool list display, category filtering, search functionality, and display of tool Markdown details.

Features:

• AI Tool Lists Display: Easily showcase a list of AI tools.
• AI Tool Category Filtering: Efficiently categorize AI tools for better organization.
• AI Tool Search: Quickly search for specific AI tools.
• Markdown Details Display: View AI tool details in Markdown format.
• SEO Friendly: Supports SEO features for better visibility.
• Dynamic sitemap.xml: Generates dynamic sitemap to aid in SEO.
• Support for Internationalization: Allows for multiple languages.
• Next.js and React Server Components: Utilizes modern frontend technologies for better performance.

Installation:

1. Deploying Tap4 AI Crawler:

   • Refer to the Tap4 AI Crawler documentation for deployment.
   • Configure the API interface with the designated domain name.

2. Creating a Supabase Database:

   • Register on Supabase, create a database.
   • Note down SUPABASE_URL and SUPABASE_ANON_KEY for Vercel environment variable setup.
   • Execute SQL scripts like create_table.sql, insert_category_data.sql, insert_data.sql on the Supabase backend.

3. Deploy on Vercel:

   • Deploy the project on Vercel with the necessary environment variables.
   • Use Vercel’s scheduled tasks for automatic web crawling and submission.
   • Note: Free Vercel version supports only one call per day. Manually call {domain}/api/cron as needed.

Summary:

The Open Source Tap4 AI Web UI project offers a user-friendly platform for creating and maintaining AI Tools Directories. With a range of features like AI tool display, categorization, search, and support for multiple languages, this project is suitable for both developers and learners interested in AI navigation sites. Deploying and setting up the project involves deploying the Tap4 AI Crawler, creating a Supabase database, and deploying on Vercel with necessary environment variables.