Getting Started
Node
Use the Latest Node & Update NPM / NPX
Grab the latest Node version then update NPM and NPX.
PS: Stay away from odd versions of Node; use LTS (always).
npm i -g npm
npm i -g npx
Sveltekit
Create SvelteKit App
npm create svelte@latest project-name-here
Options
- Skeleton project
- Typescript
- ESLint - Yes
- Prettier - Yes
- Playwright - No
- Vitest - No
Install Tailwind and DaisyUI
npx svelte-add@latest tailwindcss --daisyui --forms --typography
Install Dependencies
npm i
Clean Up
Format and then commit any changes as a baseline.
npm run format
Start it Up
npm run dev
Install Pocketbase SDK
npm i pocketbase
Icons
https://github.com/steeze-ui/icons
npm i @steeze-ui/svelte-icon
npm i -D @steeze-ui/heroicons
PocketBase
Download and Unzip
Download the latest release from: https://github.com/pocketbase/pocketbase/releases
Download and Unzip the file:
# darwin, linux, windows
OS="darwin"
# amd64, arm64, armv7
ARCH="amd64"
VERSION="0.12.2"
curl -LJo pocketbase.zip "https://github.com/pocketbase/pocketbase/releases/download/v${VERSION}/pocketbase_${VERSION}_${OS}_${ARCH}.zip"
unzip pocketbase.zip pocketbase
Git Ignore
The following we will not want to commit to our repository. Unless you like to lock your binary, but we want to keep things OS agnostic, and the binary locking should occur at a build/ci pipeline.
.gitignore
pocketbase
pocketbase.zip
pb_data/
Start it Up
./pocketbase serve
Set it Up
Head over to the Admin UI