Tap4 AI WebUI : projet open source de navigation dans un outil d'IA léger

Introduction générale

Tap4 AI WebUI est un projet open source de site web léger de navigation d'outils d'IA, conçu pour aider les utilisateurs à construire facilement leur propre catalogue d'outils d'IA. Le projet utilise la pile technologique Next.js et Supabase, supportant l'optimisation SEO multi-langues, pour fournir une classification des outils d'IA, des fonctions de filtrage, de recherche et d'affichage détaillé, avec le projet Tap4 AI Crawler pour supporter l'automatisation du crawling des pages web. Que vous soyez un passionné d'IA ou un développeur, vous pouvez rapidement construire votre propre site de navigation d'outils d'IA grâce à ce projet.

Liste des fonctions

• Affichage de la liste des outils d'IA : possibilité d'afficher de nombreuses informations sur les outils d'IA
• Filtrer par catégorie : Aide à la navigation des outils d'IA par catégorie
• Fonction de recherche : fournir une fonction de recherche d'outils d'IA
• Présentation détaillée : Aide à la présentation d'outils d'IA au format Markdown Présentation détaillée
• Favorable à l'optimisation des moteurs de recherche (SEO) : prise en charge de l'optimisation des moteurs de recherche en plusieurs langues

Utiliser l'aide

Processus d'installation

1. Déploiement de Tap4 AI Crawler: :
   • La première chose à faire est de déployer Tap4 AI Crawler Projet. Une fois le projet déployé, vous pouvez utiliser le nom de domaine de la plateforme ou un nom de domaine personnalisé comme interface API pour générer le contenu web de l'outil d'IA.
   • Fonction Tap4.AI Crawler : capture d'écran automatique du site web et téléchargement vers Cloudflare R2. Prise en charge de l'exploration des détails du site web et génération du titre du site, de la description et de l'introduction spécifique au format Markdown grâce à l'IA.
2. Création d'une base de données Supabase et exécution de scripts SQL: :
   • Enregistrez-vous auprès de Supabase et créez une base de données, en enregistrant les variables SUPABASE_URL et SUPABASE_ANON_KEY pour la configuration ultérieure de la variable d'environnement Vercel.
   • Exécuter les fichiers SQL dans le répertoire db du projet dans le backend Supabase : create_table.sql, insert_category_data.sql, insert_data.sql.
3. Déploiement sur Vercel: :
   • frappe (sur le clavier)ici (littéraire)et suivez les instructions pour le déploiement. Note : N'oubliez pas de définir les variables d'environnement !
   • Exemple de configuration d'une variable d'environnement :

     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"
     

1. opération locale: :
   • Projet de clonage :git clone https://github.com/6677-ai/tap4-ai-webui.git
   • Installer la dépendance :Node NVM PNPM
   • Définition des variables d'environnement : Création du répertoire racine.env.localremplir les valeurs des variables d'environnement correspondantes
   • Exécuter le modèle de développement :pnpm dev
2. Mises à jour du contenu: :
   • Modification manuelle de la base de données : modifier directement les données de la table web_navigation dans Supabase
   • Mise à jour automatique du crawler : si le crawler échoue, vous pouvez interroger manuellement la table submit, puis créer un contenu de site web pertinent et l'insérer dans la table web_navigation.