Auth with PocketBase! OAuth2 with EASY popup OR techy code exchange flows 🔐🎥 LIVE Coding & Chill 🔴
I love PocketBase for an excellent way to deliver CMS functionality to a client, while combo-ing with the DevEx and UX niceties of meta frameworks like SvelteKit, but what if we need users to have a little bit of auth?
Email capture is common for leads, and in our travel blog we may want users to be able to like trips! Let’s discover how we’d implement that, by figuring out how to setup Auth with PocketBase and SvelteKit 🙌
🚀 Click around the app yourself: https://travel-pocket.vercel.app/
💻 See the code (private repo 😱): https://github.com/johnnify & https://github.com/johnnify/travel-po...
This long stream combos beautifully with my latest short video:
👀 How to deploy PocketBase: • Your own CMS + Backend in 15': How to...
And if you’re a beginner, you may want to start with our Portfolio "Paulina Puppers" series, and end up with the same or an equivalent project: • Brand new Fullstack App with Svelte 5...
Check around the channel for more playlists and increasingly complicated tech stack choices 🙌
— JOHNNIFY PREMIUM —
Get this repository AND MORE with Johnnify Premium: https://johnnify.com/premium
— 🙌🙌🙌 —
— COMMUNITY —
Our DISCORD SERVER 👾: / discord
— 🥳🥳🥳 —
— Agenda —
✅ What are we doing today? Why PocketBase?
✅ How to setup PocketBase anyway?! • Your own CMS + Backend in 15': How to...
✅ Setting up a new Google client id and secret! https://console.cloud.google.com/apis...
✅ Client-side “popup flow”: https://pocketbase.io/docs/authentica...
✅ Let’s allow users to like travels!
[ ] Client-side Code Exchange flow: https://pocketbase.io/docs/authentica...
[ ] What about server-side?! https://pocketbase.io/docs/api-record...
— HAVE FUN —
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— Highlighted software —
PocketBase: https://pocketbase.io/
SvelteKit: https://kit.svelte.dev/
Tailwind: https://tailwindcss.com/
My own website: https://magrippis.com/
Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉: / discord
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Stream number 125!
—
TIMESTAMPS
—
00:00 - What are we doing today? Why PocketBase?
7:54 - Setting up a new Google client id and secret!
22:40 - Client-side “popup flow”
44:30 - Let’s create a client-side only PocketBase client!
1:04:58 - Let’s allow users to like travels! New collection to store user “hearts”!
1:13:40 - Allow a user to 🧡 a travel!
1:47:35 - Refactor for subscriptions!
2:07:10 - Dynamically populated login screen!
2:30:58 - ULTIMATE 🥳 DEMO
Watch video Auth with PocketBase! OAuth2 with EASY popup OR techy code exchange flows 🔐🎥 LIVE Coding & Chill 🔴 online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 273 once and liked it 10 people.