​
Installation

Follow these steps to get started with PreLaunch:

​
1. Clone the Repository

git clone https://github.com/your-repo/prelaunch.git
cd prelaunch

​
2. Install Dependencies

Use your preferred package manager to install the dependencies:

npm install
# or
yarn install
# or
pnpm install

​
3. Configure Environment Variables

Copy the .env.local.example file to .env.local and fill in the necessary environment variables:

cp .env.local.example .env.local

Key environment variables:

# Basic configuration
NEXT_PUBLIC_APP_URL=http://localhost:3000
NEXTAUTH_SECRET=any_random_text
NEXTAUTH_URL=http://localhost:3000

# Authentication providers
## Google
GOOGLE_ID=your_client_id
GOOGLE_SECRET=your_client_secret

# Resend - Email service
RESEND_API_KEY=your_resend_api_key

# Paddle Billing configuration
PADDLE_API_KEY=your-api-key-here
NEXT_PUBLIC_PADDLE_CLIENT_TOKEN=your-paddle-client-token-here
PADDLE_NOTIFICATION_WEBHOOK_SECRET=your-webhook-secret-here
NEXT_PUBLIC_PADDLE_ENV=sandbox # or production

# Supabase configuration
NEXT_PUBLIC_SUPABASE_URL=your-supabase-url-here
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key-here

# Typeform configuration
NEXT_PUBLIC_TYPEFORM_VOTE_ID=your-typeform-vote-id
NEXT_PUBLIC_TYPEFORM_SUGGESTION_ID=your-typeform-suggestion-id
TYPEFORM_ACCESS_TOKEN=your-typeform-access-token
TYPEFORM_VOTE_FORM_ID=your-typeform-vote-form-id

# Google Analytics
NEXT_PUBLIC_GA_MEASUREMENT_ID=your-ga-measurement-id

​
4. Start the Development Server

npm run dev
# or
yarn dev
# or
pnpm dev

Visit http://localhost:3000 to view your application.

​
Basic Configuration

​
Project Configuration

Edit the config.ts file to change the application name, description, domain, and other basic information:

const config = {
  // REQUIRED
  appName: "YourAppName",
  // REQUIRED: Short description of your app for SEO tags
  appDescription: "Your app description here",
  // REQUIRED (no https://, no trailing slash, just the naked domain)
  domainName: "yourdomain.com",
  // Other configuration...
}

​
Customize Content

The project currently uses static content. You can directly modify the components to change text content.

Although the project structure still includes the locales/ directory, the internationalization feature has been removed in the latest version. If you need multi-language support, you’ll need to use Next.js’s built-in internationalization features or add a third-party library.

​
Style Customization

  • Edit tailwind.config.js to customize colors, fonts, etc.
  • Edit styles/globals.css to add custom CSS

​
Deploying Your Project

​
Build for Production

npm run build
# or
yarn build
# or
pnpm build

​
Deploy to Vercel

PreLaunch can be deployed to Vercel with one click:

Deploy to Vercel

Click to deploy to Vercel

​
Deploy to Netlify

You can also easily deploy to Netlify:

Deploy to Netlify

Click to deploy to Netlify

​
Technology Stack

PreLaunch uses the following technologies:

​
Next Steps