Svelte El Cato

Is the new website for El Cato. Using SvelteKit for the frontend and PocketBase for the backend.

Getting started

Clone the repository, using the terminal or via the GitHub 'Code' > 'Download ZIP' option.

git clone https://github.com/Saad5400/SvelteElCato
cd SvelteElCato

Install the dependencies:

npm install

(Optional) download the Svelte extensions for your favourite IDE: VSCode - WebStorm

Checkout the components library, shadcn-svelte

Copy the .env.example file to .env

Copy the pb_src/pb_hooks/env.json.example file to pb_src/pb_hooks/env.json

Start the pocketbase server:

.\pb_src\pocketbase.exe serve # Windows PowerShell
pb_src/pocketbase serve # Windows Command Prompt
./pb_src/pocketbase serve # Linux / macOS / Bash

Start the SvelteKit server (in a new terminal):

npm run dev

Visit the pocketbase server at http://127.0.0.1:8090/_/, create a new Admin user, and add some data to the collections.

You can now visit the SvelteKit server at http://127.0.0.1:5173 to see the website.

Deploy:

cd pb_src
flyctl deploy