Minimal SvelteKit PocketBase

Overview

Mobile-first, minimalistic starter template for web applications built with Svelte 5 (Runes mode) and PocketBase designed for fully client-rendered single-page applications (SPAs). This template uses SvelteKit's static adapter and disables server-side rendering (SSR) to focus on client-side rendering (CSR) only. It’s designed to give you a simple foundation for your web applications with essential features and modern UI components.

Features

• User Authentication:
  • Sign up with email and password or auth providers
  • Log in
  • Forgot password
  • Log out
• User Settings:
  • Change email
  • Change password
• Theme Switcher: light and dark modes supported
• Sample Pages:
  • Notifications page
  • Create page placeholder

Screenshots

Tech Stack

• SvelteKit
• Svelte 5
• PocketBase
• Zod
• Tailwind CSS
• DaisyUI
• Unplugin Icons

Setup Instructions

To get started with this template, follow these steps:

1. Refer to the PocketBase Documentation

• Ensure you have set up PocketBase according to the PocketBase documentation.

2. Clone the Project:

git clone https://github.com/LucaLetizia/minimal-sveltekit-pocketbase.git
cd minimal-sveltekit-pocketbase

3. Configure Environment Variables:

• Copy the .env.example file to .env:

  cp .env.example .env
  

• Edit .env and set the PUBLIC_POCKETBASE_HOST variable with your PocketBase host.

4. Install Dependencies:

npm install

5. Run the Application Locally:

npm run dev

License

This project is licensed under the MIT License. See the LICENSE file for details.