https://github.com/fireship-io/next13-pocketbase-demo

Demo for the new Next.js 13 features with Pocketbase.
https://github.com/fireship-io/next13-pocketbase-demo

Last synced: about 2 months ago
JSON representation

Demo for the new Next.js 13 features with Pocketbase.

• Host: GitHub
• URL: https://github.com/fireship-io/next13-pocketbase-demo
• Owner: fireship-io
• Created: 2022-10-27T06:01:46.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-12T12:29:32.000Z (about 1 year ago)
• Last Synced: 2024-05-01T19:04:45.236Z (7 months ago)
• Language: CSS
• Size: 11.5 MB
• Stars: 265
• Watchers: 7
• Forks: 130
• Open Issues: 22
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-pocketbase - GitHub - | (Showcases)
• awesome-pocketbase - GitHub - | (Showcases)

README

        
## 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](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](http://127.0.0.1:8090/_/), create collection, and update security rules to allow read/write access. 

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