AUTHENTICATION made EASY with SvelteKit, Auth.js, and Firebase

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ส.ค. 2024
  • Authentication used to be a pain to set up, but it doesn't have to be like that anymore! In this video we'll show you how to easily set it up in 6 minutes using SvelteKit, Auth.js, and Firebase.
    Chapters
    00:00 Intro
    00:23 Setup SvelteKit
    00:50 Auth.js Setup
    01:29 Auth.js Providers and Adapters
    01:46 Auth.js Google Provider Setup
    02:28 Create Login Component
    03:00 Expose Session to Components
    03:41 Set up Google Provider with Firebase
    04:26 Add Auth Callback URL
    05:21 It Works!
    05:36 Outro
    Music provided by TheRelaxedMovement.
    Check it out here:
    / therelaxedmovement
    © Henry Keate t/a TheRelaxedMovement. All Rights Reserved
    #software #tutorial #javascript #softwaredeveloper #softwareengineer #nextjs #reactjs #firebase #authentication #nextjs13
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 16

  • @GarethDown
    @GarethDown 4 หลายเดือนก่อน

    THANK YOU!!! Without this it would have taken hours to find all those random places you have to click to set things up! :D

  • @thoranderson6114
    @thoranderson6114 9 หลายเดือนก่อน +1

    Thanks for posting this nice tutorial. And since you did ask... Yes, I would like to see a follow up video to this where Firebase is used as the auth database/adapter.

    • @GetRifik
      @GetRifik  9 หลายเดือนก่อน +1

      Thanks for watching and commenting, will do!

    • @manchankumarpaswan3443
      @manchankumarpaswan3443 9 หลายเดือนก่อน

      ​@@GetRifikl

  • @user-bn6bf6yt9w
    @user-bn6bf6yt9w 8 หลายเดือนก่อน +1

    Yes please, Firebase adapter would be great, I'm already looking into another video from you where you do the same on Next,js, but I only use Sveltekit so a similar video for Sveltekit would be awesome

    • @GetRifik
      @GetRifik  7 หลายเดือนก่อน

      Thank you for the request!

  • @mrgaud
    @mrgaud 5 หลายเดือนก่อน

    awesome job dude. Great tutorial. Subscribed

  • @garybruce
    @garybruce 7 หลายเดือนก่อน

    Great video. Another video on SK with adapters, digging out and using the access and other tokens, would be good.

  • @user-bn6bf6yt9w
    @user-bn6bf6yt9w 8 หลายเดือนก่อน

    Sveltekit, auth.js, Credentials provider, Firebase adapter. Super combination

  • @zofrenlepetitkopat2979
    @zofrenlepetitkopat2979 4 หลายเดือนก่อน

    Stuck with the +layout.server.js, TypeError: Cannot read properties of undefined (reading 'locals')...
    :_-(

  • @geradtroje4653
    @geradtroje4653 7 หลายเดือนก่อน +1

    I would like to see a video on adapters!

  • @johnschmidt874
    @johnschmidt874 7 หลายเดือนก่อน +1

    Make a video on using adapter please!

    • @GetRifik
      @GetRifik  7 หลายเดือนก่อน

      Thank you for the request!

  • @alpap6234
    @alpap6234 8 หลายเดือนก่อน

    good video but no explanation about how to use auth.js inside sveltekit

  • @user-bn6bf6yt9w
    @user-bn6bf6yt9w 8 หลายเดือนก่อน +1

    Sorry, and if possible also with credentials provider since there is not so much info about that topic

    • @GetRifik
      @GetRifik  7 หลายเดือนก่อน

      Thank you for the request!