Skip to content

Latest commit

 

History

History
226 lines (150 loc) · 7.4 KB

README.md

File metadata and controls

226 lines (150 loc) · 7.4 KB

Quick Start

  1. Purchase on AI Launcher Official Website

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

  2. After Payment, Enter Order Center

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

    Select your order for activation. Xnip2025-01-13_22-10-13

  3. Bind Your Github Username for Activation

    Xnip2025-01-14_00-45-09
  4. After successful activation, you will receive an invitation in your Github notifications. Click to join the AI Launcher code repository.

Clone Project Code

  1. Access the AI Launcher Code Repository (will show 404 if you haven't joined)

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

  2. Choose to Git Clone or Directly Download the Source Code to Your Local Computer

    image

Install Project

  1. Navigate to Project Root Directory

    cd ai-launcher-code-template
  2. Install Project Dependencies

    pnpm install

Development and Debugging

  1. Copy Environment Variable Configuration File

    cp .env.example .env.development
  2. Start Development Server

    pnpm dev
  3. Local Preview

    Open http://localhost:3000 in your browser to preview your project

    image

Customization

Modify Website Colors

  1. Choose a shadcn Theme Debugger

  2. Create a Theme Color Scheme for Your Project

image

  1. Copy Theme Styles and Paste into Project Files
image
  1. Refresh the Project Preview Page to See Your Custom Theme

Modify Landing Page Content

  1. Open the Landing Page Content File, Use AI to Generate New Landing Page Content
image
  1. Apply AI-generated Landing Page Content, Make Manual Adjustments, and Preview the New Landing Page
  2. Continue Adjusting Other JSON Files to Make Website Content Match Your Project

Modify Multilingual Text

In the directory, configure page content through files. Chinese and English are supported by default. Before project launch, modify the text to match your project.

image

You can use AI to assist in content generation.

Modify Website Policies

Before officially launching the website, update the website policies according to your website's services.

  1. Update Privacy Policy

    In Windsurf, generate new privacy policy content using prompts.

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

    Replace file content to update privacy policy.

  2. Update Terms of Service

    In Windsurf, generate new terms of service content using 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]"
    

    Replace file content to update terms of service.

Modify Environment Variables

Modify environment variables according to actual needs to enable data storage / login / analytics / payment and other features

# -----------------------------------------------------------------------------
# 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 = ""

Deployment

  1. Create a Github repository

  2. Commit the modified project code to the Github repository

  3. Create a new project in the Vercel console, import the code repository, and deploy with one click

    image
  4. After the build is complete, you can see your project in the Vercel console

    image
  5. Open the domain name to access your project