Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sytanta/full-stack-jack-sveltekit
SvelteKit demo with Supabase, Typescript, Prisma & PlanetScale
https://github.com/sytanta/full-stack-jack-sveltekit
demo planetscale prisma svelte sveltekit typescript
Last synced: 26 days ago
JSON representation
SvelteKit demo with Supabase, Typescript, Prisma & PlanetScale
- Host: GitHub
- URL: https://github.com/sytanta/full-stack-jack-sveltekit
- Owner: sytanta
- Created: 2023-02-03T14:37:11.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-03T14:51:34.000Z (about 2 years ago)
- Last Synced: 2024-11-16T09:11:49.785Z (3 months ago)
- Topics: demo, planetscale, prisma, svelte, sveltekit, typescript
- Language: Svelte
- Homepage: https://full-stack-jack-sveltekit.netlify.app
- Size: 7.84 MB
- Stars: 4
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full Stack Jack
SvelteKit demo with Supabase, Typescript, Prisma & PlanetScale. This is a ported version of the original demo [`Full Stack Jack`](https://github.com/jurassicjs/nuxt3-fullstack-tutorial) built with Nuxt 3.
## Project Setup
- Clone the project
```sh
git clone https://github.com/sytanta/full-stack-jack-sveltekit
```
- Install dependencies
```sh
npm i
```
## Database
- Register and create a PlanetScale database url for [`Prisma`](https://www.prisma.io/docs/guides/database/using-prisma-with-planetscale)
- Update or create a `.env` file with the following content:
```
DATABASE_URL="..."
STRIPE_SECRET_KEY="..."
PUBLIC_STRIPE_PRO_MEMBERSHIP_KEY="..." # This is the product id of the Stripe subscription plan
PUBLIC_APP_DOMAIN="..." # The app's url
```
- Create a database from the Prisma schema
```sh
npx prisma db push
```
## Developing
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
## Building
To create a production version of your app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.