https://github.com/phartenfeller/sveltekit-1.0-sqlite-demo-app
My demo app of various SvelteKit experiments from my YouTube series.
https://github.com/phartenfeller/sveltekit-1.0-sqlite-demo-app
authentication authorization sqlite sqlite3 svelte sveltekit tutorial
Last synced: 22 days ago
JSON representation
My demo app of various SvelteKit experiments from my YouTube series.
- Host: GitHub
- URL: https://github.com/phartenfeller/sveltekit-1.0-sqlite-demo-app
- Owner: phartenfeller
- Created: 2023-01-06T16:12:53.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-27T11:34:09.000Z (about 2 months ago)
- Last Synced: 2025-05-02T15:13:54.469Z (23 days ago)
- Topics: authentication, authorization, sqlite, sqlite3, svelte, sveltekit, tutorial
- Language: TypeScript
- Homepage: https://sveltekit-demo.hartenfeller.dev
- Size: 6.07 MB
- Stars: 114
- Watchers: 6
- Forks: 23
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# Svelte Kit 1.0 + SQLite Demo App
Code from following YouTube tutorials:
- [SvelteKit 1.0 with SQLite Tutorial](https://youtu.be/iO4VUbQ6ua4)
- [Authentication and Authorization in SvelteKit 1 with SQLite](https://youtu.be/XRa-b5E7x8w)
- [Build and run SvelteKit Apps with Docker](https://youtu.be/LwzoWuHjOWk)
- [AG-Grid in SvelteKit for Spreadsheet like data editing](https://youtu.be/VfFKEiMAloc)
- [Installable SvelteKit App with Web App Manifest](https://youtu.be/ywXXOvfKoYg)
- [Lazy Loading for slowly loading pages in SvelteKit](https://youtu.be/7Kl4sKez1bs)
- [Upload, Store and Retrieve Images in SvelteKit (with SQLite)](https://youtu.be/OLg6RwESnSo)
- [Generate a PDF with pdfmake (from SvelteKit)](https://youtu.be/gS1wlOdRLAk)
- [Interactive Tables in SvelteKit with TanStack Table](https://youtu.be/-Zuo3UWjjI8)
- [Export Table to XLSX and CSV with exceljs](https://youtu.be/xzdgUm2Ccbk)
- [MailCrab: Mock Mailserver for development](https://youtu.be/w-aitQBsINc)
- [Server-side filtered, paginated and sorted Table in SvelteKit (Part 1/2)](https://youtu.be/pjV3rCBBT_Q)
- [Server-side filtered, paginated and sorted Table in SvelteKit (Part 2/2)](https://youtu.be/VgCU0cVWgJE)
- [SvelteKit TanStack Table edit row (+ custom table components)](https://youtu.be/D_xoOSYzJ7U)
- [Markdown in SvelteKit with custom Components: mdsvex](https://youtu.be/VJFkyGd0FEA)
- [Accessible charts only with CSS? - Charts.css](https://youtu.be/W7P0nE709jg)
- [Image optimization in SvelteKit with vite-imagetools](https://youtu.be/285vSLe9LQ8)
- [Smooth Page / View Transitions in SvelteKit](https://youtu.be/whNdqjrVFsg)
Full Playlist: [SvelteKit](https://www.youtube.com/playlist?list=PLIyDDWd5rhaYwAiXQyonufcZgc_xOMtId)
## Run locally
- Install with yarn or npm `yarn install` or `npm install`
- You might need to delete `supportedArchitectures` in the `.yarnrc.yml` file if you are not on an M1 Mac
- Start with `yarn dev` or `npm run dev`
- Username and Password for login is `philipp`
## Docker
### Build and Run App
Build Container:
```sh
docker build -t sveltekit-sqlite-img .
```
Run Container:
```sh
docker run -d -p 3000:3000 \
--mount type=bind,source="$(pwd)"/data/,target=/app/data/ \
--rm --name sveltekit-sqlite \
sveltekit-sqlite-img
```
### MailCrab
```sh
docker run --rm -p 1080:1080 -p 1025:1025 marlonb/mailcrab:latest
```
More info: https://github.com/tweedegolf/mailcrab