activenode
activenode
  • Видео 24
  • Просмотров 103 126
Supabase SSR 😎 - one package to rule them all - No framework / Next.js / Remix / Astro
Stop fiddling with the package and just understand it: The @supabase/ssr package. Sounds easy? Is easy after watching this!
If you want me to make more videos, help me out by subscribing, liking, sharing 💙.
00:00 - Intro
00:27 - Understanding @supabase/ssr generally
05:58 - Next.js Client Components
06:50 - Next.js Page
08:57 - Next.js Route Handlers
10:30 - Fixing cookieUtilsClient for Route Handlers
11:26 - Next.js Middleware usage
16:32 - Remix
19:25 - Astro
Links:
- My page: activeno.de
- Get my Supabase book 👉📙 supa.guide/
- Buy me a coffee or support my AC invest: ko-fi.com/activenode
- Book me directly at cal.com/activenode
Watch next:
- Self-host Supabase: ruclips.net/video/wyUr_U6Cma4/видео.html...
Просмотров: 1 092

Видео

😱 Crazy new Supabase feature: Understand and learn about anonymous users
Просмотров 1,7 тыс.6 месяцев назад
Support me on: RUclips (Super Thanks) or ko-fi.com/activenode Subscribe to my book release: supa.guide/ The repository: github.com/activenode/yt-edu-supa-happy-store Book me for expert Supabase consultancy for your project (45mins sufficient for most): meet.brevo.com/david-lorenz 00:00 - Start 01:03 - Project Setup 02:48 - useUser hook 04:02 - Product / addToCart 04:20 - Cart Page / Checkout 04...
2️⃣ Realtime Chess Game | The Chess Pieces [Pure JS Game Logic + Next.js + (Supabase)]
Просмотров 7069 месяцев назад
The second part of the Realtime Chess Game! 🎉 If you want me to do more videos like this please like, share & subscribe as I really love doing this videos but this takes massive amounts of time and money (Hardware). Find the related GitHub repository including the first branch here: github.com/activenode-edu/realtime-chess/tree/part2 If you wanna get me a coffee 💙: ko-fi.com/activenode I also h...
🎮 1. Creating a Realtime Chess Game | Pure JS Game Logic + Next.js + (Supabase)
Просмотров 1,5 тыс.9 месяцев назад
This is the very first step to get up and running with your Chessboard. Please find the related GitHub repository including the first branch here: github.com/activenode-edu/realtime-chess/tree/part1 I love doing this videos but this takes massive amounts of time and money (Hardware). So please help me out by subscribing and maybe, if the video helped you, get me a coffee 💙: ko-fi.com/activenode...
Supabase Interview with the CEO🔥: Insights and Advice from Paul Copplestone
Просмотров 78810 месяцев назад
Talking about Startups and clarifying common questions with Paul Copplestone, CEO from Supabase. It was my pleasure. You can listen to this like a Podcast in the background if you don't like my face, but if you do wanna see 2 laughing faces, you're welcome to enjoy the video. Links: Reddit Post: www.reddit.com/r/Supabase/comments/15f6h0j/what_do_you_want_to_know_about_supabase_for_real/ PostgRE...
Understand the Supabase SSR Package easily
Просмотров 13 тыс.10 месяцев назад
Sure, you can read the docs - but aren't you confused about it? Get a full-fledged, detailed explanation which removes all future barriers. About the info Box in the video: I use the same Client for Server Components, Route Handlers and Server Actions with NextJS App Router without the differentiating in set/remove; Because: I want to make sure that Server Components are not misused and hence i...
🔄 Easily Sync different Supabase Instances with Supabase Migrations / CLI
Просмотров 10 тыс.Год назад
Syncing Supabase Instances with Supabase Migrations should come easy - without manual backups and imports. Hope it does with this video. I love doing those videos but this takes massive amounts of time and money (Hardware). So please help me out by subscribing and maybe, if the video helped you, get me a coffee 💙: ko-fi.com/activenode I also have a newsletter planned for WebDevs, so if you wann...
Complete Guide ⚡️ Supabase Self-Hosted ➕ Custom S3 ➕ Authelia
Просмотров 34 тыс.Год назад
Supabase self hosted including S3 Storage, Customs Domains and Authelia. 🚨 Important Notes: I got informed on my blog that User Creation via Dashboard wasn't possible and that for some very specific things such as e.g. certain POST requests the Dashboard wasn't 100% working. There were only small things missing (updated in the Blog Article already): 1. In 23:10 we configure the location /storag...
🐍 A Neon-Snake moving at the Border: Fancy CSS Button
Просмотров 1,1 тыс.Год назад
Animating Borders isn't easy. Here I am showing you one way of CSS-only-animating a snake-like border. The Sandbox for this Code: codesandbox.io/s/neon-snake-button-css-drqkyv?file=/index.html Chapters: 0:00 Intro 0:39 Button Foundation 1:45 Base Animations 4:23 Making the Snake 10:40 Fixing the Shadow 12:03 Outro Credits: - Licensed Music from Envato Elements
⚛️ The fastest Kick-Off for react-query & unglitch in less than 20mins
Просмотров 487Год назад
react-query solves the problem of multi fetching with query keys. So does unglitch with tokens. Get yourself familiar with both of those libraries in this video and understand why it's crucial to use such. Chapters: 0:00 Intro 0:59 Weather App Setup 4:11 React Query 11:53 unglitch 18:44 Outro Sources: - Unglitch unglitch.activeno.de/ - TanStack react-query tanstack.com/query/v4/docs/react/refer...
NextJS reveals Password🥲: Create Secure Server Actions 🔐💯
Просмотров 2,8 тыс.Год назад
NextJS reveals Password🥲: Create Secure Server Actions 🔐💯
🙌 Deploy NextJS, Astro, Wordpress, Supabase - DEPLOY JUST ANYTHING
Просмотров 5 тыс.Год назад
🙌 Deploy NextJS, Astro, Wordpress, Supabase - DEPLOY JUST ANYTHING
A ToDo List with #NextJS Server Mutations #ServerActions
Просмотров 4,6 тыс.Год назад
A ToDo List with #NextJS Server Mutations #ServerActions
🤯 NextJS Server Actions - never write Post Requests again
Просмотров 10 тыс.Год назад
🤯 NextJS Server Actions - never write Post Requests again
4mins: HTML Template Tag - Learn the Web Components Technology
Просмотров 3,6 тыс.2 года назад
4mins: HTML Template Tag - Learn the Web Components Technology
⚡️4mins Supabase: Get a Random Row out of Supabase with Table Views
Просмотров 3,2 тыс.2 года назад
⚡️4mins Supabase: Get a Random Row out of Supabase with Table Views
Scale it! 🌈 Create reusable Elements with Tailwind custom configurations
Просмотров 4512 года назад
Scale it! 🌈 Create reusable Elements with Tailwind custom configurations
4mins Frontend Quickie: Understand Node.normalize()
Просмотров 1092 года назад
4mins Frontend Quickie: Understand Node.normalize()
⚡️ In 30mins from 0 to Web Service 😲 : Supabase, Next.js, Tailwind + Vercel 💚
Просмотров 5 тыс.2 года назад
⚡️ In 30mins from 0 to Web Service 😲 : Supabase, Next.js, Tailwind Vercel 💚

Комментарии

  • @StephenRayner
    @StephenRayner 12 часов назад

    Wow! 😮 thank you 🙏

  • @samuelslivos4054
    @samuelslivos4054 4 дня назад

    Thank you, very good explained. 🙂

  • @ivan.jeremic
    @ivan.jeremic 10 дней назад

    love next but who came up with a cookie api like that one 'cookie().get'? 🤣

  • @ericandersson1620
    @ericandersson1620 13 дней назад

    WOW thank you! The fact that this is not written in the official docs is crazy. Looked everywhere for just this

  • @ChrisDermody
    @ChrisDermody 16 дней назад

    Best video for this, helped me a lot 👍🏼

  • @KenzoAyyoni
    @KenzoAyyoni 16 дней назад

    Hi! This guide is super useful and your style is really sophisticated! Hence i am new to Self-Hosting and thus embody all the common characteristics of a fully fledged n00b i would like to ask one question about overall security: The internet out there is basically a very scary and dangerous place, so would it be suitable to disable access to Dashboard/Proxy-Manager/MinIO at all and only expose Auth/Storage/API? If one would need to access Dashboard/Proxy-Manager one could use key-based SSH access (set on some high 5xxx port)? Regarding the security of publicly available services i would prefer attacking hummingbirds with cluster bombs rather than shooting sparrows with cannons

  • @borisbarzotto5785
    @borisbarzotto5785 16 дней назад

    Thanks my friend

  • @lararawf6100
    @lararawf6100 18 дней назад

    I watched it 4 times! amazing

  • @lararawf6100
    @lararawf6100 18 дней назад

    God bless you

  • @VagnerAC
    @VagnerAC 18 дней назад

    Thank you. It worked a quite well. Your video has the best explanation and step by step to do it.

  • @grzegorzkubik7555
    @grzegorzkubik7555 18 дней назад

    Thanks for the video! One question though - is there any way to use Next caching while using server client? It uses 'cookies' and this it makes pages dynamic. I've looked a lot, but haven't found any workaround yet.

  • @22hoursago
    @22hoursago 18 дней назад

    i can feel the sighs and pain in your voice lool

  • @guer0n
    @guer0n 19 дней назад

    Thanks a lot for the video. It helped me a lot. However, in Supabase documentation (Setting up Server-Side Auth for Next.js), it is not recommended to use getSession() in middleware. Or am I missing a point?

  • @dziaddy
    @dziaddy 19 дней назад

    Doesn't using cookies in server client disable caching for all?

    • @activenode
      @activenode 15 дней назад

      Yes. If you need serverside auth, it will disable cache

  • @dziaddy
    @dziaddy 19 дней назад

    Should I use supabase/ssr just for Auth related stuff? Clients created by that use cookies so it opts out of caching for every request. What If I want to fetch todos and cache them? Should I use normal "supabase-js" ?

  • @MrLyonliang
    @MrLyonliang 21 день назад

    Thank you very much for the explanation.I struggled for more than 4 hours with the minio setup, using the latest minio image reported an error "network error" on console login.After 4+ hours of struggling and debugging, I realized that the problem was in the configuration of the MINIO environment variables.Currently MINIO_SERVER_URL is deprecated and MINIO_DOMAIN is used to replace it.This modification worked, so hopefully it will be helpful to anyone who sees this video later.

  • @causecaos
    @causecaos 21 день назад

    Very good video :) Thank you

  • @david406
    @david406 23 дня назад

    Neatly organized, straight to the point 👏🏼👏🏼 Thanks, new sub

  • @fahadalawam
    @fahadalawam 26 дней назад

    DOUBLE LIKE!!

  • @JacquesvanWyk
    @JacquesvanWyk 29 дней назад

    Use coolify just so much less work

  • @davistodt3866
    @davistodt3866 Месяц назад

    Second video of yours now that ive binge watched in a row. Well done on presenting/explaining so well! Please consider creating videos on: flutter with supabase, self hosting supabase, and branching. Id really appreciate it!

  • @davistodt3866
    @davistodt3866 Месяц назад

    Thanks so much for putting this video together! I love your way of explaining things and breaking them down. If i could ask, would you consider making a video on how to self host supabase? Ive read online that supabase is notoriously tedious to self host but yet i dont understand why that would be the case, since the cli seems pretty straightforward. Am i missong something or is it as simple as spinning up a compute instance and installing the supabase cli and running through pretty much all the same steps one would for local development with the cli? Even so, it would still be useful to make a video about self hosting for those of us who dont have as much experience with hosting/cloud environments/basic security setups. Thanks in advance!😊

    • @davistodt3866
      @davistodt3866 Месяц назад

      Ps: subscribed!

    • @davistodt3866
      @davistodt3866 Месяц назад

      PS: just to let everyone know that the user permission issue you mention is now resolved at the time of writing (2024-09)

  • @Youssefnour123
    @Youssefnour123 Месяц назад

    THANK YOU!

    • @activenode
      @activenode Месяц назад

      You’re welcome ☺️

  • @isaacjohnston7022
    @isaacjohnston7022 Месяц назад

    THANK YOU!

  • @teamclouday
    @teamclouday Месяц назад

    Great video! Thank you!

  • @MrMoonsilver
    @MrMoonsilver Месяц назад

    Absolute trash video. Nah, just joking 😁 thanks for another good and very unique insight. Don't find that content elsewhere!

    • @activenode
      @activenode Месяц назад

      The comments that keep me going 🫡

  • @olawaleyahaya1892
    @olawaleyahaya1892 Месяц назад

    I just subscribed cause of the hard work. I could feel it in your voice

  • @vlad.k22
    @vlad.k22 Месяц назад

    Great video thank you

  • @katjadecuir3514
    @katjadecuir3514 2 месяца назад

    thank you so much for this tutorial as it answers most questions, but this feels incomplete just by a little. at the end it feels like the video was ended without us being able to access the other parts of supabase. i got s3 and authelia working, im able to access the studio.. but theres no way to get an api key from supabase or access any of its other dashboards it seems? the way you explained it sounded like there was a site AND a studio, but we were only able to set up the studio? we were able to set up the api on port 8000 but you showed a SITE_URL in the .env file on port 3000 which is inaccessable, i can't figure out what was meant to be there. is that where we make api keys or soemthing?

    • @katjadecuir3514
      @katjadecuir3514 2 месяца назад

      thank you for all the work youve put into this though, i was able to follow it right up until the end and get 99.9% of everything working perfect, thank you!

    • @activenode
      @activenode Месяц назад

      Awesome!!!

    • @katjadecuir3514
      @katjadecuir3514 Месяц назад

      i figured out my own answer. api keys are generated by you and supplied in the docker configuration. thats the one and only API key. so you cant really have different api keys per app as most databases would do, but it works real well. i just feel like that specific part might be a security flaw rather than a feature... or maybe you're supposed to make a completely seperate instantce of supabase per application and just have a bunch of supabases running in tandem? really unclear there what that design is for.

  • @fulltimefrontend
    @fulltimefrontend 2 месяца назад

    Awesome, your videos are more helpful than supabase ones. Currently using nextjs pages router with Auth handlers and it is working great. Besides needing more motivation to shift the codebase from pages router to app router. I have few questions : createBrowserClient with singleton false, would share the same client across browser tabs ?

    • @activenode
      @activenode 2 месяца назад

      singleton: false should normally NOT be activated other than when you need it. It does not have anything to do with multiple tabs. There are RARE reasons when to use singleton: false. E.g. when you need 2 Supabase clients from 2 different projects.

  • @jenialherdianto292
    @jenialherdianto292 2 месяца назад

    i saw a lot of videos about podman as a docker replacement, but not 1 video about hosting supabase with podman. Why is that? It would be nice if somebody make a video for it..

  • @vincentpena7017
    @vincentpena7017 2 месяца назад

    Thanks for sharing man! Needed this

  • @ChristianKolbow
    @ChristianKolbow 2 месяца назад

    🥳

  • @shaysframe1472
    @shaysframe1472 2 месяца назад

    I hope soon you can afford an AC... your contents are gem! thanks for the tutorial even though I didn't understand a lot but planning to look into the tutorial again in the future with some basic knowledge of docker and other things you've used.!! 🥲🥲

  • @fulltimefrontend
    @fulltimefrontend 2 месяца назад

    Watching this for 100th time :) , pls don't delete this video. Setting up my 3rd supabase site.

    • @activenode
      @activenode Месяц назад

      I won’t! No worries

  • @drancerd
    @drancerd 2 месяца назад

    It's no longer available????? or share link pls.

    • @activenode
      @activenode 2 месяца назад

      Something better is coming next week 🫡🫢

    • @drancerd
      @drancerd 2 месяца назад

      @@activenode Pls!! Avisa

  • @drancerd
    @drancerd 2 месяца назад

    Woooowww

    • @activenode
      @activenode 2 месяца назад

      New tool coming soon

  • @CodingTuts
    @CodingTuts 2 месяца назад

    You saved my life, literally.

  • @dipereira0123
    @dipereira0123 2 месяца назад

    Nice 🙂

  • @fulltimefrontend
    @fulltimefrontend 2 месяца назад

    is this available in self hosted version as well ?

  • @WhiteTiger339
    @WhiteTiger339 2 месяца назад

    Great , even if you give those texts in description or commnent it will be more useful

  • @Kevin192291
    @Kevin192291 2 месяца назад

    looks like an awesome feature, but wrappers aren't available for many instances yet, including my paid instance :(

    • @activenode
      @activenode 2 месяца назад

      Huh? They should be

    • @Kevin192291
      @Kevin192291 2 месяца назад

      @@activenode turns out my instance was a bit funky, contacted support and everything is straightened out now :)

  • @ralphpichler6635
    @ralphpichler6635 2 месяца назад

    I get a internal server error after I want to set up SSL and click on save, anyone else as well?

    • @ralphpichler6635
      @ralphpichler6635 2 месяца назад

      I fixed it, guys don't forget to add a wildcard infront of your domain for subdomains....this costed a lot right now hahah

    • @ralphpichler6635
      @ralphpichler6635 2 месяца назад

      Now everything works....you are the fucking man haha thanks for the vid

    • @MaximePreveris
      @MaximePreveris 20 дней назад

      @@ralphpichler6635 I don't get it, what do you have to do exactly ? Do you have to do something different from the video ?

  • @AmxCsifier
    @AmxCsifier 3 месяца назад

    Great tutorial!

  • @katzenschildkroete
    @katzenschildkroete 3 месяца назад

    How do you upgrade the version of the backend services if supabase pushes new changes? Resolve merge conflicts whenever you pull from the upstream supabase repo?

  • @gunasheelan4130
    @gunasheelan4130 3 месяца назад

    found the life save i have been searching this for weeks thanks a bunch 😇😇

  • @g14wx17
    @g14wx17 3 месяца назад

    Thanks for this video, now I feel more comfortable to start working with supabase, but I have one question, I have been looking all around internet, but nobody explains, how you can sync edge functions into a git repository and then sync this edge functions into other envs. how you can do that?

  • @dozzauklondon2681
    @dozzauklondon2681 3 месяца назад

    The Vector setting is missing in the code downloaded actually. Doesn't match the one you got in video.