**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](https://vitejs.dev/guide/)
```
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)](https://pocketbase.io/docs/).
```
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.
```ts
import PocketBase from 'pocketbase';
const pb = new PocketBase("LINK");
export default pb;
```
3- You can add this code into ``+page.svelte`` like this.
```js
<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](https://github.com/Queaxtra).
Sign in with Wallet
Connect another wallet