fireship-io/next13-pocketbase-demo

Next 13 Demo

Build a basic note-taking app with Next.js 13 and Pocketbase.

Setup

1. Create a new Next.js app: npx create-next-app@latest --ts

2. Download Pocketbase from pocketbase.io

3. Navigate to the unzipped directory cd pocketbase_0.7.9_darwin_arm64

4. Start Pocketbase: ./pocketbase serve

5. Open the Admin UI, create collection, and update security rules to allow read/write access.

6. Add experimental: { appDir: true } to next.config.js