build a site

Build-a-Site Ai

Build-A-Site AI est un constructeur de sites Web automatisé qui exploite la puissance de l'IA pour générer du contenu et des images pour votre site Web. L'application utilise l'API OpenAI pour la création de contenu et la diffusion stable AI pour la génération d'images. Le contenu est ensuite ajouté aux modèles de section prédéfinie et stylisé à l'aide de TailWindCSS. Le contenu traité est stocké dans un seau AWS S3 qui est rendu public. Les utilisateurs ont la possibilité de modifier et de mettre à jour le contenu, et lorsqu'ils sont enregistrés, les fichiers du site sont mis à jour dans le seau. Les utilisateurs peuvent également ajouter un domaine à l'aide de CloudFlare.

Caractéristiques

• Contenu et génération d'images alimentées par AI
• Modèles de section prédéfinie
• Styling à l'aide de TailwindCSS
• Stockage de contenu dans le seau AWS S3
• Contenu modifiable
• Ajout de domaine à l'aide de cloudflare

Condition préalable

Avant de commencer, assurez-vous d'avoir satisfait aux exigences suivantes:

• Vous avez installé Node.js et NPM
• Vous avez une compréhension de base de JavaScript et Node.js

Installation de Build-A-Site IA

Pour installer Build-A-Site IA, suivez ces étapes:

1. Clone the Repo git clone https://github.com/i-dream-of-ai/build-a-site

2. Installer les packages NPM npm install

Utilisation de Build-A-Site AI

Cette application utilise un certain nombre de variables d'environnement pour la configuration. Vous devrez les configurer pour faire fonctionner l'application.

Pour utiliser Build-A-Site IA, suivez ces étapes:

1. Renommer .env.example à .env .

2. Mettez à jour le fichier .env avec vos informations d'identification et vos paramètres:

   • NEXTAUTH_SECRET : Un secret utilisé pour crypter les données de session. Vous pouvez générer une chaîne aléatoire pour cela.
   • NEXTAUTH_URL : L'URL de base de votre application.
   • NEXT_PUBLIC_APP_URL : L'URL publique de votre application.
   • ADMIN_EMAIL : l'adresse e-mail de l'utilisateur administrateur de l'application.
   • MONGODB_URI : L'URI pour votre base de données MongoDB.
   • MONGODB_DB : le nom de votre base de données MongoDB.
   • DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_TEMPERATURE , NEXT_PUBLIC_DEFAULT_SYSTEM_PROMPT : ce sont des paramètres pour les appels de l'API OpenAI. Vous ne devriez pas avoir besoin de les modifier à moins d'avoir des exigences spécifiques.
   • OPENAI_API_KEY , OPENAI_ORGANIZATION : votre clé API ouverte et votre identifiant d'organisation.
   • STABLE_DIFFUSION_KEY : votre clé API de diffusion stable pour la génération d'images.
   • SENDGRID_API_KEY , EMAIL_SECRET , EMAIL_FROM : Votre clé API SendGrid, un secret pour crypter les données de messagerie et l'adresse e-mail pour les e-mails sortants.
   • NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY , STRIPE_SECRET_KEY , STRIPE_WEBHOOK_SECRET : vos touches API Stripe pour gérer les abonnements utilisateur.
   • AWS_ACCESS_KEY_ID , AWS_SECRET_ACCESS_KEY , AWS_REGION : Vos informations d'identification AWS pour le déploiement sur AWS S3. Assurez-vous de définir les autorisations nécessaires dans votre compte AWS.

3. Après avoir configuré le fichier .env , vous pouvez démarrer l'application avec npm run start .

Technologies utilisées

Ce projet utilise un certain nombre de bibliothèques et services de pointe:

• API OpenAI: Utilisé pour générer du contenu du site Web.
• Diffusion stable AI: Utilisé pour générer des images.
• TailwindCSS: un framework CSS-premier utilitaire utilisé pour styliser l'application.
• PostCSS: un outil pour transformer CSS avec JavaScript.
• AWS S3: Utilisé pour stocker et servir le contenu du site Web généré.
• CloudFlare: utilisé pour gérer les domaines.
• NextAuth.js: une solution d'authentification open source complète pour les applications Next.js.
• MONGODB: Un programme de base de données orienté vers le document de plate-forme multiplateforme à source.
• SendGrid: un fournisseur SMTP basé sur le cloud qui vous permet d'envoyer un e-mail sans avoir à maintenir les serveurs de messagerie.
• Stripe: Traitement des paiements en ligne pour les entreprises Internet.

Contribution à Build-A-Site IA

Les contributions, les problèmes et les demandes de fonctionnalités sont les bienvenus! N'hésitez pas à vérifier la page des problèmes. Vous pouvez également jeter un œil au guide de contribution.

1. Fourk le projet
2. Créez votre branche de fonctionnalité ( git checkout -b feature/AmazingFeature )
3. Commissez vos modifications ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. Ouvrir une demande de traction

Soutien

Donnez un ️ si ce projet vous a aidé!

Contact

Si vous souhaitez me contacter, vous pouvez me joindre à <[email protected]> .

Licence

Ce projet utilise la licence MIT. Voir le fichier de licence pour plus de détails.