Skip to content
Log InContact
Sign Up
← Back to Templates

Postgres SvelteKit Starter

Simple SvelteKit template that uses a Postgres database.

Deploy
View Demo
RepositoryAvatar of vercelvercel/examples
Framework
Svelte
Use Case
Starter
CSS
Tailwind
Database
Postgres
CleanShot 2023-05-01 at 11.22.15

Postgres SvelteKit Starter

Simple SvelteKit template that uses a Postgres database.

Demo

https://postgres-sveltekit.vercel.app/

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel

Clone and Deploy

Execute the following command to download the example into the 

my-project
folder:

npx degit@latest https://github.com/vercel/examples/storage/postgres-sveltekit my-project

Once you've created the project and installed dependencies with 

pnpm install
, copy the 
.env.example
file in this directory to 
.env.local
(which will be ignored by Git). Then open 
.env.local
and set the environment variables to match the ones in your Vercel Storage Dashboard.

Alternatively, if you have setup a project already and you have installed the Vercel CLI, you can also pull the environment variables using the following command:

vercel env pull .env.local

Next, run SvelteKit in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).

← Back to Templates
CleanShot 2023-05-01 at 11.22.15

Postgres SvelteKit Starter

Simple SvelteKit template that uses a Postgres database.

Deploy
View Demo
RepositoryAvatar of vercelvercel/examples
Framework
Svelte
Use Case
Starter
CSS
Tailwind
Database
Postgres

Postgres SvelteKit Starter

Simple SvelteKit template that uses a Postgres database.

Demo

https://postgres-sveltekit.vercel.app/

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel

Clone and Deploy

Execute the following command to download the example into the 

my-project
folder:

npx degit@latest https://github.com/vercel/examples/storage/postgres-sveltekit my-project

Once you've created the project and installed dependencies with 

pnpm install
, copy the 
.env.example
file in this directory to 
.env.local
(which will be ignored by Git). Then open 
.env.local
and set the environment variables to match the ones in your Vercel Storage Dashboard.

Alternatively, if you have setup a project already and you have installed the Vercel CLI, you can also pull the environment variables using the following command:

vercel env pull .env.local

Next, run SvelteKit in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).

Related Templates

Postgres Next.js Starter

Postgres Next.js Starter

Simple Next.js template that uses a Postgres database.

by ▲ Vercel

Vercel Postgres + Prisma Next.js Starter

Vercel Postgres + Prisma Next.js Starter

Simple Next.js template that uses Vercel Postgres as the database and Prisma as the ORM.

by ▲ Vercel

Postgres + Kysely Next.js Starter

Postgres + Kysely Next.js Starter

Simple Next.js template that a Postgres database and Kysely as the query builder.

by ▲ Vercel

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential