Svelte启动器

minimal-sveltekit-pocketbase — Svelte 启动器模板

作者 LucaLetizia

基于 SvelteKit 与 PocketBase 的极简启动模板，采用纯客户端渲染，内置认证、主题切换与用户设置页面。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

SvelteKit 静态适配器 + 关闭 SSR，专注客户端渲染 SPA

Svelte 5 Runes 模式编写

集成 PocketBase 作为后端，通过环境变量配置主机地址

内置注册、登录、忘记密码、登出等认证流程

用户设置支持修改邮箱、修改密码与删除账户

提供明暗主题切换及通知页、创建页示例页面

模板详细介绍

这是一个面向移动端优先的极简启动模板，用于构建以 Svelte 5（Runes 模式）和 PocketBase 为基础的 Web 应用。项目定位为完全客户端渲染的单页应用（SPA）：使用 SvelteKit 的静态适配器并关闭服务端渲染（SSR），因此不包含服务端逻辑，数据交互直接面向 PocketBase。

功能范围集中在账户与界面基础：注册（邮箱密码或认证提供方）、登录、忘记密码、登出，以及用户设置中的修改邮箱、修改密码和删除账户；同时提供明暗主题切换，并附带通知页与创建页占位等示例页面。技术栈还包括 Zod、Tailwind CSS、DaisyUI 与 Unplugin Icons。

使用前需要自行按 PocketBase 文档部署并配置 PocketBase 实例，并在 .env 中设置 PUBLIC_POCKETBASE_HOST；模板本身不提供后端服务，也不包含业务数据模型。

Svelte启动器

适合你的项目吗？

适用场景

需要一个纯前端 SPA 骨架并自行接入 PocketBase 的项目起步
快速搭建带邮箱密码认证与账户设置的移动端优先界面
为已有 PocketBase 实例补充 SvelteKit 前端壳层

适合人群

熟悉 SvelteKit 与 PocketBase 的开发者
需要客户端渲染 SPA 而非 SSR 的项目
希望以 MIT 许可代码作为起点的个人或团队

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
先按 PocketBase 官方文档部署并运行 PocketBase 实例
2
克隆仓库后执行 npm install 安装依赖
3
将 .env.example 复制为 .env，并设置 PUBLIC_POCKETBASE_HOST 为你的 PocketBase 地址
4
使用 npm run dev 在本地启动开发服务器

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
使用前必须自行按 PocketBase 官方文档部署并运行 PocketBase 实例，模板本身不提供后端服务。
必须将 .env 中的 PUBLIC_POCKETBASE_HOST 设置为自己的 PocketBase 主机地址，否则无法连接后端。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

- Ensure you have set up PocketBase according to the [PocketBase documentation](https://pocketbase.io/docs/).
README 原文

- Edit `.env` and set the `PUBLIC_POCKETBASE_HOST` variable with your PocketBase host.
README 原文

https://github.com/LucaLetizia/minimal-sveltekit-pocketbase/blob/main/LICENSE https://github.com/LucaLetizia/minimal-sveltekit-pocketbase/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-04。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 75 / 100
技术栈: Svelte
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-05-02
截图检查日期: 2026-10-04

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Svelte。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-05

查看当时使用的来源资料

SHA-256: 7cd5e2a7555bf22a0f7e4e7163aae8a660f21c389b8fb2f5b646a04cf634ec93

2026-10-04T18:25:23.838Z

来源文件 / 仓库

# 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
  - Delete account
- Theme Switcher: light and dark modes supported
- Sample Pages:
  - Notifications page
  - Create page placeholder

## Screenshots

<img src="static/screenshots/login.png" alt="Login" width="30%"/><br>
<img src="static/screenshots/home.png" alt="Home" width="30%"/><br>
<img src="static/screenshots/notifications.png" alt="Notifications" width="30%"/><br>
<img src="static/screenshots/settings.png" alt="Settings" width="30%"/><br>
<img src="static/screenshots/delete-account.png" alt="Settings" width="30%"/>

## Tech Stack

- [SvelteKit](https://kit.svelte.dev/)
- [Svelte 5](https://svelte-5-preview.vercel.app/docs/introduction)
- [PocketBase](https://pocketbase.io/)
- [Zod](https://zod.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
- [DaisyUI](https://daisyui.com/)
- [Unplugin Icons](https://github.com/unplugin/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](https://pocketbase.io/docs/).

### 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](./LICENSE) file for details.

反馈内容错误