LogoAutoRank Me
Docs
Installation

Installation

How to install the project.

Create project

Start by creating a new Next.js project using create-next-app:

npx create-next-app my-saas-project --example "https://github.com/mickasmt/next-saas-stripe-starter"

Or deploy with Vercel :

Deploy with Vercel

A good way to create your repository, but the deployment will fail because you need to add your environment variables locally in your project. Follow the documentation for that.

Install dependencies

Enter in the folder and install dependencies for your project:

cd my-saas-project
pnpm install

Create a .env file

Copy/paste the .env.example in the .env file:

.env
NEXT_PUBLIC_APP_URL=http://localhost:3000
 
AUTH_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_OAUTH_TOKEN=
 
DATABASE_URL=
 
RESEND_API_KEY=
EMAIL_FROM=
 
STRIPE_API_KEY=
STRIPE_WEBHOOK_SECRET=
 
NEXT_PUBLIC_STRIPE_PRO_MONTHLY_PLAN_ID=
NEXT_PUBLIC_STRIPE_PRO_YEARLY_PLAN_ID=
NEXT_PUBLIC_STRIPE_BUSINESS_MONTHLY_PLAN_ID=
NEXT_PUBLIC_STRIPE_BUSINESS_YEARLY_PLAN_ID=

Configuration part

Let's check the configuration part for update all environment variables before use pnpm run dev.

IntroductionAuthentification