SvelteKit & PocketBase #2 - User Settings & Avatar Upload
If you find my content useful and want to support the channel, consider contributing a coffee ☕: https://hbyt.us/coffee
Welcome to the second installment of the SvelteKit & PocketBase (not-so-mini series). In this series of videos, we will be building a full-stack application using SvelteKit & PocketBase.
I'm building a more complex version of this app live. Check the streams here: • Live Coding - ProjectHunt
📂 Source Code
https://github.com/huntabyte/showcase...
💽 Check Out My SvelteKit Basics Playlist
• Svelte & SvelteKit
📚 Resources Mentioned In This Video
PocketBase v0.8-rc: https://github.com/pocketbase/pocketb...
PocketBase JS SDK: https://github.com/pocketbase/js-sdk
PocketBase: https://pocketbase.io
DaisyUI: https://daisyui.com
TailwindCSS: https://tailwindcss.com
🚀 Become a channel member: https://hbyt.us/join
💬 Discord: https://hbyt.us/discord
🐦 Twitter: https://hbyt.us/twitter
🖥️ Setup Stuff: https://hbyt.us/gear
🔖 Chapters :
00:00 - Settings Layout
05:20 - Initial Profile Settings Setup
11:30 - Render Avatar Preview
14:00 - Create Input Component
18:00 - Update Profile Action
20:25 - Updating Locals within Action
21:40 - Validate Avatar Change on Update
24:00 - Get User Avatar from PocketBase
27:59 - Add Progressive Enhancement
📃 Topics Covered:
How to use PocketBase with SvelteKit
How to update users in PocketBase
How to delete users in PocketBase
How to upload images in PocketBase
How to reset password in PocketBase
What is PocketBase?
PocketBase and SvelteKit
What is SvelteKit?
PocketBase Authentication