Skip to content

Latest commit

 

History

History
224 lines (150 loc) · 7.94 KB

README.DE.md

File metadata and controls

224 lines (150 loc) · 7.94 KB

Schnellstart

  1. Kauf auf der offiziellen AI Launcher Website

    https://ai-startups.uk/#pricing

  2. Nach der Zahlung ins Bestellcenter gehen

    https://ai-startups.uk/my-orders

    Wählen Sie Ihre Bestellung zur Aktivierung aus. Xnip2025-01-13_22-10-13

  3. Binden Sie Ihren Github-Benutzernamen für die Aktivierung

    Xnip2025-01-14_00-45-09
  4. Nach erfolgreicher Aktivierung erhalten Sie eine Einladung in Ihren Github-Benachrichtigungen. Klicken Sie, um dem AI Launcher Code Repository beizutreten.

Projekt-Code klonen

  1. Zugriff auf das AI Launcher Code Repository (zeigt 404, wenn Sie noch nicht beigetreten sind)

    https://github.com/monosusan/ai-launcher-code-template

  2. Wählen Sie Git Clone oder laden Sie den Quellcode direkt auf Ihren lokalen Computer herunter

    image

Projekt installieren

  1. Navigieren Sie zum Projekt-Stammverzeichnis

    cd ai-launcher-code-template
  2. Installieren Sie die Projektabhängigkeiten

    pnpm install

Entwicklung und Debugging

  1. Kopieren Sie die Umgebungsvariablen-Konfigurationsdatei

    cp .env.example .env.development
  2. Starten Sie den Entwicklungsserver

    pnpm dev
  3. Lokale Vorschau

    Öffnen Sie http://localhost:3000 in Ihrem Browser, um Ihr Projekt anzuzeigen

    image

Anpassung

Website-Farben ändern

  1. Wählen Sie einen shadcn Theme Debugger

  2. Erstellen Sie ein Farbschema für Ihr Projekt

image

  1. Kopieren Sie die Theme-Stile und fügen Sie sie in die Projektdateien ein
image
  1. Aktualisieren Sie die Projekt-Vorschauseite, um Ihr angepasstes Theme zu sehen

Landing Page Inhalt ändern

  1. Öffnen Sie die Landing Page Inhaltsdatei, verwenden Sie KI, um neue Landing Page Inhalte zu generieren
image
  1. Wenden Sie KI-generierte Landing Page Inhalte an, nehmen Sie manuelle Anpassungen vor und prüfen Sie die neue Landing Page
  2. Passen Sie weitere JSON-Dateien an, damit die Website-Inhalte zu Ihrem Projekt passen

Mehrsprachige Texte ändern

Im Verzeichnis können Sie Seiteninhalte über Dateien konfigurieren. Chinesisch und Englisch werden standardmäßig unterstützt. Ändern Sie vor dem Projektstart die Texte entsprechend Ihrem Projekt.

image

Sie können KI zur Unterstützung bei der Inhaltserstellung verwenden.

Website-Richtlinien ändern

Aktualisieren Sie vor dem offiziellen Start der Website die Website-Richtlinien entsprechend Ihren Website-Diensten.

  1. Datenschutzerklärung aktualisieren

    Generieren Sie in Windsurf neue Datenschutzerklärungsinhalte mit Prompts.

    update privacy-policy according to landing page content @en.json
    with brand name "AILauncher", domain "ai-startups.uk", contact email is "[email protected]"
    

    Ersetzen Sie den Dateiinhalt, um die Datenschutzerklärung zu aktualisieren.

  2. Nutzungsbedingungen aktualisieren

    Generieren Sie in Windsurf neue Nutzungsbedingungen mit Prompts.

    update terms-of-service according to landing page content @en.json
    with brand name "AILauncher", domain "ai-startups.uk", contact email is "[email protected]"
    

    Ersetzen Sie den Dateiinhalt, um die Nutzungsbedingungen zu aktualisieren.

Umgebungsvariablen ändern

Ändern Sie die Umgebungsvariablen entsprechend den tatsächlichen Anforderungen, um Datenspeicherung / Login / Analyse / Zahlung und andere Funktionen zu aktivieren

# -----------------------------------------------------------------------------
# Web Information
# -----------------------------------------------------------------------------
NEXT_PUBLIC_WEB_URL = "http://localhost:3000"
NEXT_PUBLIC_PROJECT_NAME = "AI Launcher"

# -----------------------------------------------------------------------------
# Database with Supabase
# -----------------------------------------------------------------------------
# https://supabase.com/docs/guides/getting-started/quickstarts/nextjs
# Set your Supabase URL and Anon Key
SUPABASE_URL = ""
SUPABASE_ANON_KEY = ""
SUPABASE_SERVICE_ROLE_KEY = ""

# -----------------------------------------------------------------------------
# Auth with next-auth
# https://authjs.dev/getting-started/installation?framework=Next.js
# Set your Auth URL and Secret
# Secret can be generated with `openssl rand -base64 32`
# -----------------------------------------------------------------------------
AUTH_SECRET = ""

# Google Auth
# https://authjs.dev/getting-started/providers/google
AUTH_GOOGLE_ID = ""
AUTH_GOOGLE_SECRET = ""
NEXT_PUBLIC_AUTH_GOOGLE_ID = ""
NEXT_PUBLIC_AUTH_GOOGLE_ENABLED = "false"
NEXT_PUBLIC_AUTH_GOOGLE_ONE_TAP_ENABLED = "false"

# Github Auth
# https://authjs.dev/getting-started/providers/github
AUTH_GITHUB_ID = ""
AUTH_GITHUB_SECRET = ""
NEXT_PUBLIC_AUTH_GITHUB_ENABLED = "false"

# -----------------------------------------------------------------------------
# Analytics with Google Analytics
# https://analytics.google.com
# -----------------------------------------------------------------------------
NEXT_PUBLIC_GOOGLE_ANALYTICS_ID = ""

# -----------------------------------------------------------------------------
# Analytics with OpenPanel
# https://openpanel.dev
# -----------------------------------------------------------------------------
NEXT_PUBLIC_OPENPANEL_CLIENT_ID = ""

# -----------------------------------------------------------------------------
# Payment with Stripe
# https://docs.stripe.com/keys
# -----------------------------------------------------------------------------
STRIPE_PUBLIC_KEY = ""
STRIPE_PRIVATE_KEY = ""
STRIPE_WEBHOOK_SECRET = ""

NEXT_PUBLIC_PAY_SUCCESS_URL = "http://localhost:3000/my-orders"
NEXT_PUBLIC_PAY_FAIL_URL = "http://localhost:3000"
NEXT_PUBLIC_PAY_CANCEL_URL = "http://localhost:3000/#pricing"

NEXT_PUBLIC_LOCALE_DETECTION = "false"

ADMIN_EMAILS = ""

Bereitstellung

  1. Erstellen Sie ein Github-Repository

  2. Übertragen Sie den modifizierten Projektcode in das Github-Repository

  3. Erstellen Sie ein neues Projekt in der Vercel-Konsole, importieren Sie das Code-Repository und stellen Sie es mit einem Klick bereit

    image
  4. Nach Abschluss des Builds können Sie Ihr Projekt in der Vercel-Konsole sehen

    image
  5. Öffnen Sie die Domain, um auf Ihr Projekt zuzugreifen