[Tap4 AI Open Source Guide] How to Quickly Set Up a Navigation Site for Passive Income
Tap4 AI Tools Directory Open Source Project Has Launched Version 2.0, Along with an Automated Tap4 AI Crawler
Introduction to Tap4 AI Front-end Features:
- Supports the display of AI tool site lists and detailed introductions.
- Supports categorization and search of AI tool sites.
- Compatible with the crawler open source project for automated collection.
- Open Source Address: https://github.com/6677-ai/tap4-ai-webui
Introduction to Tap4 AI Crawler Features:
- Supports website screenshot and automatic image upload to S3 (or Cloudflare R2).
- Capable of crawling website content in detail and generating the website’s title, description, and specific introduction in Markdown format through AI.
- Open Source Address: https://github.com/6677-ai/tap4-ai-crawler
Site Deployment Demo: https://tap4.cn/, the homepage screenshot of the new version is as follows:
Quick Deployment Guide:
Step 1: Deploy Tap4 AI Crawler (This step can be skipped if manually updating the content to be included)
- Cloudflare R2 Storage Service Configuration (Free to use for a small amount of storage)
- Register a Cloudflare account (https://www.cloudflare.com/?utm_source=tap4ai) and select the R2 service as your CDN storage, then create a storage bucket.
- Create an R2 API Token within R2 and record the necessary parameters after creation: ENDPOINT_URL, BUCKET_NAME, ACCESS_KEY_ID, SECRET_ACCESS_KEY, CUSTOM_DOMAIN.
- Register with Groq and Configure API Key (Free to use up to a certain limit with LLAMA3)
- Register at Groq (requires 🪜): https://console.groq.com/ and configure your API Key.
- Fork the Tap4 AI Crawler Project and Configure Your Environment Variables
- Fork the project: https://github.com/6677-ai/tap4-ai-crawler
- Modify the .env configuration file in the project with information from the previous steps. AUTH_SECRET is for the verification of the Restful API and can be customized. The specific parameters are as follows:
- Configure Zeabur to Deploy Docker Services (The free version may not be sufficient, consider the lowest monthly fee of $5)
- Register a Zeabur account: https://zeabur.com/?referralCode=leoli202303&utm_source=leoli202303&utm_campaign=oss, using your Github account.
- Create a project, and it is recommended to choose a U.S. node for service deployment (considering network requests and the likelihood of encountering anti-scraping issues), then select the corresponding Github project.
- After deployment, configure the domain name of Zeabur or a custom domain as needed.
- Call the API interface to test for success (replace AUTH_SECRET, {crawler_domain}):
- For more specific deployment instructions, refer to the Github README: https://github.com/6677-ai/tap4-ai-crawler/blob/main/README.zh-CN.md
Step 2: Deploy Tap4 AI WebUI (Frontend of the Navigation Site)
- Fork the Tap4 AI WebUI Project
Fork the project, and then you can edit under your Github account or check out to your local machine.
2. Register with Supabase and Execute Database and Data Insertion (The Free Version Should Be Sufficient Initially)
- Register for a Supabase account: https://supabase.com/
- Go to https://supabase.com/dashboard/projects and create a new Project with any name.
- Enter the project and open the SQL Editor on the right menu:
- Copy the SQL scripts from the Tap4 AI WebUI project (https://github.com/6677-ai/tap4-ai-webui/tree/main/db/supabase) and paste them into the SQL Editor for execution:
- Create Submit, navigation_category, web_navigation tables: create_table.sql
- Insert category data: insert_category_data.sql
- Insert AI tool data: insert_data.sql
- Record the required URL and ANON Key configuration for Supabase (Project Settings-API):
3. Register with Vercel and Deploy the Project
- Register with Vercel: https://vercel.com/
- Create a new project with any name and select the forked project.
- Before deploying, enter the environment variables, with specific examples as follows:
Note:
- After deploying on Vercel, if the environment variables change, please redeploy to make the environment variables take effect.
- This version uses Vercel’s scheduled tasks to automatically read and submit websites and generate website results.
- The free version of Vercel supports only one call per day, you can manually call {domain}/api/cron using POST, Header: {“Authorization”:”Bearer CRON_AUTH_KEY”}, where the auth_key is a custom-configured environment variable.
- The Pro version of Vercel can refer to this document for configuration: https://vercel.com/docs/cron-jobs#cron-expressions
After deployment is complete, you can choose a custom domain or temporarily use the domain provided by Vercel.
According to the instructions above, the deployment of Tap4 AI Crawler and Tap4 AI WebUI is essentially complete. The next step is to modify the front-end style, copywriting, and specific content of the site according to your own ideas. For more details, refer to the project README: https://github.com/6677-ai/tap4-ai-webui/blob/main/README.zh-CN.md.
How to Earn Passive Income After Deployment?
This project is open source based on the Tap4 AI navigation site but is not limited to just an AI tool navigation site. You can expand according to your own ideas, here are some examples:
- Mini Course Navigation Site: Some people have already done this and have really made money through course sharing.
- E-commerce Independent Site Navigation: It is equivalent to an overseas version of “What’s Worth Buying.”
- Game Recommendation Navigation Site: Game promotion, I believe everyone understands this.
For more, please visit: Tap4 AI Tools Directory.
More product:
Tattoo AI Design — Tattoo AI Generator
AI Anime Girlfriend — AI Anime Girlfriend & Anim Girl Generator
Best AI Girlfriend — Best AI Girlfriend & AI Girl Generator
