What is Svelte?
It is a free and open source front-end component framework and language created by Rich Harris and released on November 26, 2016. Unlike other popular front-end frameworks, it uses a compiler. This means that instead of the application being interpreted at runtime, the application code is converted to vanilla JavaScript at compile time.

What is Pocketebase?
It is an open source Go backend. It includes features such as a SQLite-based real-time database, built-in file and user management. PocketBase can be downloaded as a portable application consisting of a single file, or used as a Go framework/toolkit that allows you to build your own custom application-specific business logic.
It has features like real-time database, file storage and user management.

So how do we use them together?
First, we need to install the Svelte project via ViteJS

pnpm & npm create vite .

When you select this option, you will see 3 options, we will install the most preferred one, namely the SvelteKit option.

After selecting this, in the panel that appears, do as in the picture below.

After downloading the files to the specified folder, install the necessary modules and open the IDE you are using. Since I use Visual Studio Code, I will open it.

pnpm & npm install

code .

After a little file editing in the project, we need to download the Pocketbase module and you can download the necessary files from its own site (CLICK).

pnpm & npm install pocketbase

After downloading the necessary files to your computer, run the program. After a small installation, copy the link address of the page that opens. Follow the path below to add the link address you copied to the project.

1- Open a file named pocketbase.ts in the /lib folder under the /src folder.

2- Paste the codes below into the file you opened.

import PocketBase from 'pocketbase';
const pb = new PocketBase("LINK");

export default pb;

3- You can add this code into +page.svelte like this.

<script>
    import pb from "$lib/pocketbase";
</script>

4- And it's done, now you can make Svelte and Pocketbase projects as you like.

If you have a problem etc. in your mind, you can review the "storage" and "svelte-auth-example" projects on my Github address.