Getting started with Next.js

Installation

Once you’ve downloaded your Next.js project, get started by installing all of the dependencies. You can do this by running the install command using your package manager of choice:

npm

npm install

npm install

pnpm install

bun install

yarn install

Environment variables

Depending on which technologies you selected for your boilerplate, you’ll need to fill in the .env file with the necessary environment variables.

Site

This is the full URL of your site. By default, ShipKit will use port :3000.

# .env
NEXT_PUBLIC_SITE_URL=http://localhost:3000

Database

Add your database URL to the .env file.

# .env
DATABASE_URL=
DATABASE_AUTH_TOKEN= # <-- Only for Turso

Stripe

Sign up for a Stripe account.

Add your Stripe secret key and webhook secret to the .env file.

# .env
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=

Resend

Sign up for a Resend account.

Add your API key and audience ID to the .env file.

# .env
RESEND_API_KEY=
RESEND_AUDIENCE_ID=

Lucia - Google OAuth

Environment variables

To use Lucia, you’ll need to add your Google OAuth client ID, client secret, and redirect URI to the .env file.

# .env
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GOOGLE_CLIENT_REDIRECT_URI=

Clerk

Environment variables

Sign up for a Clerk account and create a new project.

Add your public Clerk publishable key, sign-in URL, sign-up URL, and secret key to the .env file.

# .env
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
CLERK_SECRET_KEY=

Supabase

Environment variables

Sign up for a Supabase account and create a new project.

Add your public Supabase URL, public Supabase anon key, and Supabase service role key to the .env file.

# .env
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=

Local development

Once you’ve installed all of the dependencies and filled in the .env file, you can start the development server using the following command:

npm

npm run dev

npm run dev

pnpm dev

bun dev

yarn dev

Visit: http://localhost:3000

Assistant

Responses are generated using AI and may contain mistakes.