-
Purchase on AI Launcher Official Website
-
After Payment, Enter Order Center
-
Bind Your Github Username for Activation
-
After successful activation, you will receive an invitation in your Github notifications. Click to join the AI Launcher code repository.
-
Access the AI Launcher Code Repository (will show 404 if you haven't joined)
-
Choose to Git Clone or Directly Download the Source Code to Your Local Computer
-
Navigate to Project Root Directory
cd ai-launcher-code-template
-
Install Project Dependencies
pnpm install
-
Copy Environment Variable Configuration File
cp .env.example .env.development
-
Start Development Server
pnpm dev
-
Local Preview
Open http://localhost:3000 in your browser to preview your project
-
Choose a shadcn Theme Debugger
-
Create a Theme Color Scheme for Your Project
- Copy Theme Styles and Paste into Project Files
- Refresh the Project Preview Page to See Your Custom Theme
- Open the Landing Page Content File, Use AI to Generate New Landing Page Content
- Apply AI-generated Landing Page Content, Make Manual Adjustments, and Preview the New Landing Page
- Continue Adjusting Other JSON Files to Make Website Content Match Your Project
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.
You can use AI to assist in content generation.
Before officially launching the website, update the website policies according to your website's services.
-
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.
-
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 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 = ""
-
Create a Github repository
-
Commit the modified project code to the Github repository
-
Create a new project in the Vercel console, import the code repository, and deploy with one click
-
After the build is complete, you can see your project in the Vercel console
-
Open the domain name to access your project