SvelteKit + PocketBase Integration: User Login and Registration

[@awpfade]

Why is it always these weird no name channels that make the best guides

[@mastahpiece007]

This guy just makes me realise how long it takes me to do very basic tasks ROFL. "now we will just create a basic form" > neat looking form with 1 liners jeez very good dude

[@wafflecodes]

This is excellent. It's concise and succinct. It's free from the usual plagues of tutorials - "Umm"'s , "Uhhs", mistypes, rambling, etc. It's especially nice that you make the good assumption that there's some knowledge of SvelteKit and aren't going over everything in exhausting, redundant detail. Would love to see more content like this on SvelteKit and PocketBase. Subbed!

[@jianyuanlee]

Wow, thank you for your kind words! I'm glad it was helpful!

[@ANorseDude]

@@jianyuanlee ; Will you do and update with new sveltekit and the latest version of Pcoketbase?

[@Sylonamon]

I love this tutorial. Please make more of this series!

[@jckail]

Thank you for this video. It was very helpful and everything worked. +1 to listing installed Svelte extensions (ie auto complete) +1 to zooming out just a bit more to see more code width on screen.

[@ephemeus]

Your pacing is good. Not too fast but not too slow either. I hope you could explain more about hooks and progressive enhancement in sveltekit. Anyway, thanks for this video, it really helps.

[@jianyuanlee]

Thank you! I will keep that in mind for my future videos.

[@rogerpence]

Thank you very much for this excellent tutorial. It seems like less than 5% of example projects work as promised--and yours worked like a charm. Also, your presentation skills are superb. A++++ all the way down the line! I very much appreciate your work on this. Thank you.

[@jianyuanlee]

Great to hear!

[@hakuna_matata_hakuna]

This one was so smooth i think am sold on svelte, i just wanted to know how to do SSR login with PB and you conveyed it perfectly

[@SarcevicAntonio]

I've used your code sample in a project before and now coded along with the video. What a great tutorial! Thanks for creating ❤

[@jianyuanlee]

Awesome, thank you!

[@sikandarbhide5354]

This is called "Magnificent" , i love this content 🔥🔥

[@jianyuanlee]

Thank you! Glad you like it!

[@argonjs]

just started learning svelte and this video really helps. thankss man! keep up the good work

[@jianyuanlee]

Glad to hear it!

[@karolus__]

Great content. Would be great to see some continuation about sveltekit

[@jianyuanlee]

Thank you! I plan to release a few more videos on SvelteKit. Stay tuned!

[@michaelsebastiansby6885]

Amazing video, many thanks!

[@jianyuanlee]

Glad you liked it!

[@alexanderwoods4625]

Fantastic demo

[@ubermatchvlaad532]

Wee neeed more!!!!, great content

[@etienneguerlain7147]

Thank you for this great video! I'm learning SvelteKit and it helps a lot :)

[@jianyuanlee]

Glad it was helpful!

[@MOUNIROU60]

you are a master, thanks for the video

[@mariogutierrez4989]

Good job. You work so efficiently.

[@jianyuanlee]

Thank you!

[@demystifyingdev]

Excellent content and superbly presented! Hope to see more videos! How about a sample app like to do or blog, with deployment of front-end and back-end... would be great!

[@jianyuanlee]

Thank you! I plan to make a video on building a fully-fledged app. Stay tuned!

[@iamcherrydee]

We need more contents from you please

[@salahaldinedouard5299]

Great video

[@jianyuanlee]

Thanks!

[@noartifice]

Outstanding video, thanks. Instant subscription.

[@jianyuanlee]

Thanks and welcome aboard!

[@tech_wizzdom]

Awesome content, so clear! 🔥

[@jianyuanlee]

Thank you 🙌

[@apptato]

Well explained. Thanks.

[@jianyuanlee]

Glad it was helpful!

[@DevneelVaidya]

Btw, this video has helped me so much, thank you!

[@jianyuanlee]

Glad it helped!

[@sikandarbhide5354]

Man u r Amazing....

[@abderrahmanesmimite6137]

This is good, thank you! is part 2 coming soon with error management? interacting with other collections and file management for instance to have a complete tutorial ?

[@jianyuanlee]

Working on it!

[@RicardoCamisa]

Thanks so much for the wonderful class. Could you teach how to generate PDF with SvelteKit?

[@lyaeusv3828]

very clear cool vibe ! here i gift you a bar |

[@tobias6361]

thanks for making this video, how viable is pocketbase for production ready apps?

[@jianyuanlee]

The project is under active development, but I have used it in a handful of personal projects over a few months, and it's working very well so far. There were no backward incompatibilities. If you want to take full advantage of PocketBase, you have to use it as a Go framework to build custom business logic on top of it. I plan to build a production-ready SaaS using PocketBase in an upcoming video. Stay tuned!

[@kiwi-ck2yo]

Hey ! I'm pretty confused about the syntax you use around 10:03 to define the Locals interface, as it's pretty different from what I can read online about typescript interfaces. My first instinct would have been to import the PocketBase object from pocketbase and write " pb : Pocketbase; " (this is, in fact, how they suggest to do it on the GitHub page for Pocketbase's JS SDK) but your syntax seems to provide more complete intellisense, so I'm guessing it must be pretty different and in term the better way. Can you direct me to some ressources on how that kind of type declaration works ?

[@RobRobJuice]

I seem to have an issue with using multiple +page.server.ts files. Both login and register work if they are by themselves in the routes folder, but neither work if both are in they own folders (like in your video), nor if both are in the routes folder (can't have multiple +page.server.ts files in the same folder). I get error 405 and 500. Any suggestions? Keep up the good work!

[@jianyuanlee]

The complete project is available on my GitHub: github.com/jianyuan/pocketbase-sveltekit-auth I hope that helps!

[@vampirekabir]

do you recommend pocketbase for a nextjs twitter like site?

[@musketeer245]

Very helpful tutorial! Can you also make Sveltekit + Firebase authentication next time pls?

[@jianyuanlee]

Thank you! I plan to do a video on Firebase soon!

[@ardinhelios5677]

Why are we refreshing the auth token every time the hook is called with a valid token, this isn't scalable at all, tokens are meant to be created once right, please correct me if I am wrong

[@jianyuanlee]

PocketBase tokens are JWT tokens. The hook checks whether the JWT token is expired or not. It's all done without hitting PocketBase.

[@diegov.b.9142]

I've duplicated the folder register to insert another form/collection, but it didn't work. Could make an example to create a new form?

[@ubergraham]

I'm not ready to drive in just yet and learn Typescript; can I use the TS code for just user auth and use vanilla Javascript for everything else?

[@jianyuanlee]

Yes, you can! All JavaScript is valid TypeScript too. Though, I still recommend using TypeScript for its amazing auto-completion. You can turn strict mode off to avoid build errors (set compilerOptions -> strict = false in tsconfig.json).

[@mennskr]

Which browser are you using?

[@jianyuanlee]

I was using the Min browser

[@TheFoxstory]

would you say this is a better approach than huntabyte's and why? his approach kzbin.info/www/bejne/rHzUiHh6YsaDg8k