Quickstart
Follow the steps below (in order) to get up and running in 5 minutes!
1. Cloning the Repo
In your terminal run the following commands individually:
terminal
git clone https://github.com/sveltepack/boilerplate.git [YOUR APP NAME]
terminal
cd [YOUR APP NAME]
terminal
npm install
terminal
git remote remove origin
2. Environment Variable Setup
In the route directory of the project, create a .env
file and input the following
.env
BASE_URL=http://localhost:5173/
MAILJET_API_KEY=
MAILJET_SECRET_KEY=
STRIPE_SECRET_KEY=
TRELLO_KEY=
TRELLO_TOKEN=
TRELLO_QUEUE=
3. Supabase
1
Start a project
Head over to Supabase and create a new project
2
Get API credentials
Within your project dashboard, go to Project Settings and then click API
3
Paste into app
Copy and paste the project URL and the anon
public
API key into hooks.ts
src/hooks.ts
// Supabase client
const SUPABASE_URL = [YOUR URL]
const SUPABASE_ANON_KEY = [YOUR API KEY]
It is completely safe to expose your public Supabase API key, the Database section covers this in more detail
4. Development Server (localhost)
To start the development server you can use the following command
terminal
npm run dev