Installation

Installation guide for your application.

Use it ot describe how to set up your product. To get your project ready to go we'll need to set up a few accounts so let's take a look at what we have on the .env file.


# Stripe
STRIPE_API_KEY=
NEXT_PUBLIC_STRIPE_PK=
STRIPE_WEBHOOK_SECRET=
PRICE_ID_PRO=
PRICE_ID_STARTER=

# Supabase
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=

# Email
NEXT_PUBLIC_SUPPORT_EMAIL=
SENDGRID_FROM_EMAIL=
SENDGRID_API_KEY=
RESEND_API_KEY=
RESEND_FULL_ACCESS=

# Tracking
MIXPANEL_TOKEN=
## Firebase keys
FIREBASE_API_KEY=
FIREBASE_AUTH_DOMAIN=
FIREBASE_PROJECT_ID=
FIREBASE_STORAGE_BUCKET=
FIREBASE_MESSAGING_SENDER_ID=
FIREBASE_APP_ID=
FIREBASE_MESUREMENT_ID=

# Frontend
NEXT_PUBLIC_FE_URL="http://localhost:3000/"
NEXT_PUBLIC_SITE_URL="http://localhost:3000"
INTERNAL_SITE_URL="http://localhost:3000"
NEXT_PUBLIC_ENV=development
ENV=DEV
NEXT_PUBLIC_PRODUCT_NAME=BuilderHack

Now let's go step by step in the next sessions. You can go ahead and try to jump to the specific section you're interested in or make the set up yourself. For now you just need to configure the main ones

Frontend config

1

Frontend keys

# Frontend
NEXT_PUBLIC_FE_URL="http://localhost:3000/" 
NEXT_PUBLIC_SITE_URL="http://localhost:3000"
INTERNAL_SITE_URL="http://localhost:3000"
NEXT_PUBLIC_ENV=development
ENV=DEV
NEXT_PUBLIC_PRODUCT_NAME=BuilderHack

Here all you need to do is to replace the values with your own.

NEXT_PUBLIC_FE_URL: The URL of your frontend application (e.g. http://localhost:3000/ or https://your-production-url.com). Same for NEXT_PUBLIC_SITE_URL and INTERNAL_SITE_URL.

NEXT_PUBLIC_ENV: The environment your application is running in (e.g. development, staging, production).

ENV: The same as NEXT_PUBLIC_ENV, but without the NEXT_PUBLIC_ prefix. Should receive the values DEV or PROD.

NEXT_PUBLIC_PRODUCT_NAME: The name of your product (e.g. BuilderHack).

2

Now head over to the Authentication section, because it's important for the boilerplate to work properly.

All done!

Now that it's all set! We're ready to get it up and running!