PocketBase oAuth with React

October 22, 2022 ยท View on GitHub

PocketBase is an Open Source backend comprises of only one single file, written in Go, for more info visit: https://pocketbase.io/

For beginner friendly Todo app using React+PocketBase visit: blog, repo is now part of the official PocketBase show-and-tell and awesome-pocketbase

PocketBase+React Realtime Blog: Source || Live

Setup for GitHub oAuth

  • Go to your GitHub settings -> oAuth Apps -> New oAuth App image

  • Generate a new client secret

  • In your PocketBase Admin Dashboard you can setup your Auth Provider, here I am using GitHub and paste in your clientID and secret:

image

Some screenshots of the application:

  • Public Page

image

  • Login Page

image

  • Profile Page (Protected)

image