build a site

AI Build-a-Site

Build-A-Site KI ist ein automatisierter Website-Builder, der die Leistung von KI nutzt, um Inhalte und Bilder für Ihre Website zu generieren. Die Anwendung verwendet die OpenAI -API zur Erstellung von Inhalten und zur stabilen Diffusions -KI für die Bildgenerierung. Der Inhalt wird dann zu vorgebauten Abschnittsvorlagen hinzugefügt und mit Tailwindcss gestylt. Der verarbeitete Inhalt wird in einem AWS S3 -Eimer gespeichert, das veröffentlicht wird. Benutzer haben die Möglichkeit, den Inhalt zu bearbeiten und zu aktualisieren. Wenn die Site -Dateien im Sparen gespeichert werden, werden im Bucket aktualisiert. Benutzer können auch eine Domain mit CloudFlare hinzufügen.

Merkmale

• KI-betriebener Inhalt und Bildgenerierung
• Vorlagen vorbereitet
• Styling mit Rückenwindcss
• Inhaltspeicher im AWS S3 -Eimer
• Bearbeitbarer Inhalt
• Domänenaddition mit CloudFlare

Voraussetzungen

Stellen Sie vor Beginn sicher, dass Sie die folgenden Anforderungen erfüllt haben:

• Sie haben node.js und npm installiert
• Sie haben ein grundlegendes Verständnis von JavaScript und Node.js

Installation von Build-a-Site AI

Befolgen Sie die folgenden Schritte, um die KI der Build-a-Site-KI zu installieren:

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

2. Installieren Sie NPM -Pakete npm install

Verwenden von Build-a-Site AI

Diese Anwendung verwendet eine Reihe von Umgebungsvariablen zur Konfiguration. Sie müssen diese einrichten, um die Anwendung zum Laufen zu bringen.

Aus Befolgen Sie die folgenden Schritte, um die KI von Build-a-Site zu verwenden:

1. Umbenennen .env.example in .env .

2. Aktualisieren Sie die .env -Datei mit Ihren Anmeldeinformationen und Einstellungen:

   • NEXTAUTH_SECRET : Ein Geheimnis, das zum Verschlüsseln von Sitzungsdaten verwendet wird. Sie können dafür eine zufällige Zeichenfolge erstellen.
   • NEXTAUTH_URL : Die Basis -URL für Ihre Anwendung.
   • NEXT_PUBLIC_APP_URL : Die öffentliche URL für Ihre Bewerbung.
   • ADMIN_EMAIL : The email address for the admin user of the application.
   • MONGODB_URI : Die URI für Ihre MongoDB -Datenbank.
   • MONGODB_DB : Der Name Ihrer MongoDB -Datenbank.
   • DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_TEMPERATURE , NEXT_PUBLIC_DEFAULT_SYSTEM_PROMPT : Dies sind Einstellungen für die OpenAI -API -Anrufe. Sie sollten diese nicht ändern müssen, es sei denn, Sie haben spezifische Anforderungen.
   • OPENAI_API_KEY , OPENAI_ORGANIZATION : Ihre OpenAI -API -Schlüssel- und Organisations -ID.
   • STABLE_DIFFUSION_KEY : Ihr stabiler Diffusion -API -Schlüssel für die Bildgenerierung.
   • SENDGRID_API_KEY , EMAIL_SECRET , EMAIL_FROM : Ihr SendGrid -API -Schlüssel, ein Geheimnis zum Verschlingen von E -Mail -Daten und die E -Mail -Adresse für ausgehende E -Mails.
   • NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY , STRIPE_SECRET_KEY , STRIPE_WEBHOOK_SECRET : Ihre Stripe -API -Schlüssel zum Umgang mit Benutzerabonnements.
   • AWS_ACCESS_KEY_ID , AWS_SECRET_ACCESS_KEY , AWS_REGION : Ihre AWS -Anmeldeinformationen für die Bereitstellung für AWS S3. Stellen Sie sicher, dass Sie die erforderlichen Berechtigungen in Ihrem AWS -Konto einstellen.

3. Nach dem Einrichten der .env -Datei können Sie die Anwendung mit npm run start starten.

Technologien verwendet

In diesem Projekt werden eine Reihe von modernen Bibliotheken und Diensten verwendet:

• OpenAI -API: Wird zum Generieren von Website -Inhalten verwendet.
• Stabile Diffusion AI: Wird zum Erzeugen von Bildern verwendet.
• Tailwindcss: Ein Utility-First CSS-Framework, das zum Styling der Anwendung verwendet wird.
• POSTCSS: Ein Werkzeug zur Transformation von CSS mit JavaScript.
• AWS S3: Wird zum Speichern und Servieren der generierten Website -Inhalte verwendet.
• CloudFlare: Wird zum Verwalten von Domänen verwendet.
• NextAuth.js: Eine vollständige Open -Source -Authentifizierungslösung für Next.js -Anwendungen.
• MONGODB: Ein quellenverfügbares plattformübergreifendes dokumentorientiertes Datenbankprogramm.
• SENDGRID: Ein Cloud-basierter SMTP-Anbieter, mit dem Sie E-Mails senden können, ohne E-Mail-Server verwalten zu müssen.
• Stripe: Online -Zahlungsverarbeitung für Internetunternehmen.

Beitragen zur build-a-Site-KI

Beiträge, Probleme und Feature -Anfragen sind willkommen! Fühlen Sie sich frei, Probleme mit der Seite zu überprüfen. Sie können sich auch den beitragenden Leitfaden ansehen.

1. Geben Sie das Projekt auf
2. Erstellen Sie Ihre Funktionszweig ( git checkout -b feature/AmazingFeature ).
3. Bestimmen Sie Ihre Änderungen ( git commit -m 'Add some AmazingFeature' )
4. Push in den Zweig ( git push origin feature/AmazingFeature )
5. Öffnen Sie eine Pull -Anfrage

Unterstützung

Geben Sie ein ️, wenn dieses Projekt Ihnen geholfen hat!

Kontakt

Wenn Sie mich kontaktieren möchten, können Sie mich unter <[email protected]> erreichen.

Lizenz

Dieses Projekt verwendet die MIT -Lizenz. Weitere Informationen finden Sie in der Lizenzdatei.