sveltekit-pocketbase Svelte Themes

Sveltekit Pocketbase

Sveltekit SSR & Pocketbase, with Typescript, Zod, Tailwind and Skeleton

pocketbase-sveltekit-auth

This is a project that demonstrates how to integrate PocketBase with SvelteKit 1.0. The project includes login and registration pages, as well as examples of how to retrieve the current user. You can watch a video of the creation of this project on YouTube at this link.

Developing

To get started with this project, simply download PocketBase from the PocketBase website. Extract it in the /backend folder so that you end up with /backend/pocketbase.exe (Microsoft Windows example)

Copy .env.example to .env, you're good to go, but you can make changes if necessary.

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Open a new cmd line and run the backend as well:

npm run pocketbase

The first time you go to the Pocketbase admin interface, you'll be asked to create an Admin user.

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes