Tap4 AI WebUI: 오픈 소스 경량 AI 도구 탐색 프로젝트

10.8K 00

일반 소개

Tap4 AI WebUI 는 사용자가 자신만의 AI 도구 카탈로그를 쉽게 구축할 수 있도록 설계된 오픈 소스 경량 AI 도구 탐색 웹사이트 프로젝트입니다. 이 프로젝트는 다국어 SEO 최적화를 지원하는 Next.js 및 Supabase 기술 스택을 사용하여 AI 도구 필터링, 검색 및 세부 표시 기능의 분류를 제공하며, 웹 페이지 크롤링 자동화를 지원하는 Tap4 AI 크롤러 프로젝트와 함께합니다. AI 애호가이든 개발자이든 이 프로젝트를 통해 자신만의 AI 도구 탐색 사이트를 빠르게 구축할 수 있습니다.

기능 목록

AI 도구 목록 표시: 풍부한 AI 도구 정보 표시 지원
카테고리별 필터링: 카테고리별 AI 도구 검색 지원
검색 기능: AI 도구 검색 기능 제공
상세 프레젠테이션: 마크다운 형식의 AI 도구 프레젠테이션 지원 상세 프레젠테이션
SEO 친화적: 다국어 SEO 지원

도움말 사용

설치 프로세스

Tap4 AI 크롤러 배포::
- 가장 먼저 해야 할 일은 Tap4 AI 크롤러 프로젝트. 배포가 완료되면 플랫폼 도메인 이름 또는 사용자 지정 도메인 이름을 AI 도구 웹 콘텐츠 생성을 위한 API 인터페이스로 사용할 수 있습니다.
- Tap4.AI 크롤러 기능: 웹사이트 자동 스크린샷을 찍어 Cloudflare R2에 업로드합니다. 웹사이트 세부 정보 크롤링을 지원하고 AI를 통해 웹사이트 제목, 설명 및 마크다운 형식의 특정 소개를 생성합니다.
Supabase 데이터베이스 생성 및 SQL 스크립트 실행하기::
- Supabase에 등록하고 데이터베이스를 생성하여 추후 Vercel 환경 변수 구성을 위해 SUPABASE_URL 및 SUPABASE_ANON_KEY를 기록합니다.
- Supabase 백엔드의 프로젝트 db 디렉터리에서 SQL 파일인 create_table.sql, insert_category_data.sql, insert_data.sql을 실행합니다.

Vercel에 배포::

스트라이크(키보드에서)여기(문학)를 클릭하고 지시에 따라 배포합니다. 참고: 환경 변수를 설정하는 것을 잊지 마세요!

환경 변수 구성의 예입니다:

NEXT_PUBLIC_SITE_URL="https://tap4.ai"
GOOGLE_TRACKING_ID="G-XXXXXXX"
GOOGLE_ADSENSE_URL="https://xxxx.googlesyndication.com/xxxxx/xxxxx"
CONTACT_US_EMAIL="contact@tap4.ai"
NEXT_PUBLIC_SUPABASE_URL="https://xxxyyyzzz.supabase.co"
NEXT_PUBLIC_SUPABASE_ANON_KEY="XXX.YYY.ZZZ"
CRAWLER_API="https://{crawler_domain}/site/crawl_async"
CRAWLER_API_KEY="xxxx"
CRON_AUTH_KEY="keyxxxx"
SUBMIT_AUTH_KEY="xxxx"

로컬 운영::
- 복제 프로젝트:git clone https://github.com/6677-ai/tap4-ai-webui.git
- 종속성을 설치합니다:Node NVM PNPM
- 환경 변수 설정: 루트 디렉터리 만들기.env.local파일에서 해당 환경 변수의 값을 입력합니다.
- 개발 모델을 실행합니다:pnpm dev
콘텐츠 업데이트::
- 데이터베이스 수동 수정: Supabase에서 웹_내비게이션 테이블 데이터를 직접 수정합니다.
- 크롤러 자동 업데이트: 크롤러가 실패하는 경우 제출 테이블을 수동으로 쿼리한 다음 관련 웹사이트 콘텐츠를 생성하여 web_navigation 테이블에 삽입할 수 있습니다.