Pocketpages Template

This template creates a UI around all of Pocketbases password auth capabilities using Pocketpages.

• ✅ Register
• ✅ Verify Email
• ✅ Login
• ✅ Change PW
• ✅ Change Email
• ✅ Logout
• ✅ Forgot PW

Additionally, this template comes with the following:

• Tailwind CSS
• Daisy UI
• Alpine JS
• Docker and Docker Compose files
• EJS linter
• Form data validation with Ajv.

Tests

This template comes with Playwright tests which show you how to integration test your pocketbase app E2E. Including actual email sending and retreval from MailHog.

Validation

This template performs 3-levels of validation, and displays the validation to the user as both a summary and field-level errors under your form inputs.

• Client-side validation support via DaisyUI error display.
• Pocketpages errors. Using Ajv, you can validate your forms and display a summary and errors under your inputs.
• Pocketbase validation support. Validation errors from Pocketbase SDK calls are smartly shown to the user, and on the offending field.

Getting Started

Clone this repo, or open in a Codepsace.

• Download latest Pocketbase (https://github.com/pocketbase/pocketbase/releases)
• npm i and npm run dev 👉 http://127.0.0.1:8090

Docker

• docker compose up --build

Configuration

The following environment variables are supported:

• POCKETPAGESJSSDK_DEBUG
• POCKETPAGESJS_DEBUG

TODO

• Deployment Doc
• CORS?
• CSRF Headers?
• Antiforgery Token?