Тёмный
activenode
activenode
activenode
Подписаться
Understand the Supabase SSR Package easily
13:55
7 месяцев назад
Комментарии
@revatinikumbh7192
@revatinikumbh7192 2 дня назад
How can I use it
@PhilippBlum
@PhilippBlum 8 дней назад
The Authelia part came really handy for OpenSearch. Thanks for the tutorial :)
@traitpichardo2046
@traitpichardo2046 9 дней назад
Would this be easier using coolify self hosting?
@activenode
@activenode 9 дней назад
Hm, not really. Depends on "easy". Coolify has its own constraints. I use coolify as well but it's other things to adapt then. So I wouldn't necessarily say it is easier
@traitpichardo2046
@traitpichardo2046 9 дней назад
Thank you
@belkoadam
@belkoadam 12 дней назад
Great video!
@buxx5334
@buxx5334 14 дней назад
Hey men. thank u for sharing your knowledge. but why i can't see settings button, can u help me with that?
@MsAlvigo
@MsAlvigo 16 дней назад
After the third thorough installation, I found out following: 1. Right after you set access list in NGINX, you can only manipulate with tables, but not with storage nor users. 2. After FULL installation by the guide, with Authelia, everything works. 3. supabase-vector doesn`t start. 4. supabase-storage & supabase-studio both are in 'unhealthy' state, 5. Error on sending invitation But, main functions works. Great job David ! Thank`s a lot !
@pcv-free-as-a-bird
@pcv-free-as-a-bird 17 дней назад
Hi there!! Thank you for the video it qas really nice.. I’ve setup supabase/srr on my Remix js app. The createBroswerClient and createServerClient works!! But I still not understand the concept between when to use the Broswer one or the Server one.. I know that when it’s for front-end is the Broswer client but I think I would need a real life example to understand both. Anyone can help me?
@PhilippBlum
@PhilippBlum 17 дней назад
It's quite annoying that the proxy manager doesn't use TLS by default, or via config flag. But great you later go over this.
@rohan7011
@rohan7011 17 дней назад
Hi, How do i setup real-ip?
@andrew.derevo
@andrew.derevo 18 дней назад
❤ good job 👏
@_joeleek
@_joeleek 18 дней назад
Hey David, where can i contact you for a chat?
@nothing9648
@nothing9648 20 дней назад
Awesome video, its waay better then any docs on the supabase website.
@phantazzor
@phantazzor 21 день назад
thanks ! what about with a docker container
@chetanchoudhary08
@chetanchoudhary08 27 дней назад
what about edge functions, storage for multi environment. can't find much in docs
@activenode
@activenode 23 дня назад
Edge functions: see other comments where I responded:) Wdym with multiregion storage? CDN?
@reanyouda8299
@reanyouda8299 29 дней назад
i cannot get in my S3 dashboard incorrect password and username
@reanyouda8299
@reanyouda8299 29 дней назад
such as amazing tutorial, I love it much
@meet_codes7467
@meet_codes7467 29 дней назад
Thanks, needed this.
@louis3195
@louis3195 Месяц назад
Just spent a decade with monks, now back to startups :p
@dipereira0123
@dipereira0123 Месяц назад
Legit question: Does the Self hosted version supports Users(creating users via studio Authentication)?? I thought i was breaking some configuration, but even with vannila install (without any config changes it always crashes with "canot fetch")
@activenode
@activenode Месяц назад
Yes, sure it does! This should work. I haven't tried it in a while as I'm currently on the Supabase book writing process (supa.guide) but this does work (rn doing this with k8s). Have you checked the linked blogpost?
@Sansalvador67
@Sansalvador67 Месяц назад
Hey my Man, i get an 403 "bad_jwt" "invalid JWT: unable to parse or verify signature, signature is invalid". Any ideas?
@activenode
@activenode Месяц назад
Shouldn't happen. Have you tried generating one at supabase.com/docs/guides/self-hosting/docker#generate-api-keys ?
@Sansalvador67
@Sansalvador67 Месяц назад
Yes, but these where invalid. I used one generated by a python script and it worked. I have no idea how and why but it works
@activenode
@activenode Месяц назад
@@Sansalvador67 Indeed weird but wonderful you got it working. keep rockin!
@handler_k
@handler_k Месяц назад
Is there a way to enable edge functions in this tutorial?
@activenode
@activenode Месяц назад
They are active! Here's how: In every project, no matter if Cloud, self-hosted or locally, the URL to an Edge function is API_URL/functions/v1/function_name . Now on self-hosted, you need a way to get the functions there as `supabas functions deploy` only works with cloud. This is done with a docker volume which by default is found in the docker-compose.yml under functions.volumes (usually on your server where you execute the docker-compose.yml it's ./volumes/functions)
@handler_k
@handler_k Месяц назад
@@activenode thank you! great (unique) tutorial
@activenode
@activenode Месяц назад
@@handler_k Thanks so much
@karankhaira8497
@karankhaira8497 Месяц назад
Thanks, most tutorials are outdated, you filled in the gap between the transition form the auth lib to ssr.
@activenode
@activenode Месяц назад
Thanks!
@kurwacherry
@kurwacherry Месяц назад
cant express how helpful this was, thank you very much!
@activenode
@activenode Месяц назад
Happy to hear!
@zeeshan9991
@zeeshan9991 Месяц назад
bro when the next video is coming??
@activenode
@activenode Месяц назад
Valid request mate! Sorry for keeping you waiting. I'm currently in the phase of finishing the book, I'll surely publish new parts soon!
@auchan42
@auchan42 2 месяца назад
supabase docs sucked, code samples sucked. thank you so much
@fulltimefrontend
@fulltimefrontend 2 месяца назад
Another like ! More subscribers to this channel.
@fulltimefrontend
@fulltimefrontend 2 месяца назад
The last part at from 25:00 made this really exciting. This channel is so under-subscribed, its a hidden gem.
@IncirDev-sq7cb
@IncirDev-sq7cb 2 месяца назад
very detailed tutorial, thanks. But need explanation on how to configure custom domains, how to point them dockerized nginx
@activenode
@activenode Месяц назад
Isn't this what I show in the video? What are you missing? Cheers
@ROBOROBOROBOROBO
@ROBOROBOROBOROBO 2 месяца назад
Man this is great, thanks a lot, just subscribed I want to start Supabase as a newbie programmer and wanted exactly this video. Are there any limitations to Self Hosting features, compared with the paid Cloud options? I couldnt find a feature comparision table anywhere
@dipereira0123
@dipereira0123 2 месяца назад
God knows how much it takes to compress those 45h of work and research into a 35 minute guide for your audience. Def, earned this like comment and subscriber =) Keep up the good work, we are very thankfull
@activenode
@activenode 2 месяца назад
Thank you so much:)
@fulltimefrontend
@fulltimefrontend 2 месяца назад
Could not understand how to access serverClient in getServerSideProps, can you share an example ?
@antonionicolas2204
@antonionicolas2204 2 месяца назад
when i refresh the page the session is lost, why?
@activenode
@activenode 2 месяца назад
Hey there. Is it really lost or is it just yet another user? Calling signInAnonymously another time will create another user as stated in the Video!
@antonionicolas2204
@antonionicolas2204 2 месяца назад
I was calling the use user file as tsx
@antonionicolas2204
@antonionicolas2204 2 месяца назад
is it possible make anonymous sign in with supabase in the server?
@activenode
@activenode 2 месяца назад
Sure! That's even easier than on the frontend. Just check the session and if there's no session, you can trigger signInAnonymously()
@antonionicolas2204
@antonionicolas2204 2 месяца назад
I tried in server but it didn't work, anyway I did it like in the video and it worked. Great content!
@VATNIK-KILLER
@VATNIK-KILLER 2 месяца назад
does realtime work, and more importantly, can you have a second instance with working realtime ? @activenode
@joshuablew
@joshuablew 2 месяца назад
Hey, thanks for this amazing tutorial! I keep getting this error when building my project after following this setup: Static generation failed due to dynamic usage on /orders, reason: cookies I'm exclusively using the app router. My /orders page is a SSR page and calls a function "fetchOrders" before returning its components. This fetchOrders function lives in a server actions file with the "use server" file heading. It queries a pg database using Drizzle, and uses the "createSupabaseServerClient" function to fetch the user id for the database query. I'm unsure how to reliably get the user id of the logged in user for my database queries with this error throwing. Has anyone ran into something like this?
@activenode
@activenode 2 месяца назад
Can you try one thing to troubleshoot? This video shows calling `cookies()` in each function. However, I'm about to make an updated video where I'll be using `const cookieStore = cookies()` in the top of the utils function and then only `cookieStore.get`, `cookieStore.set` etc. So calling `cookies()` immediately will mark the file as "using cookies". Can you try if that helps?
@_bestbeast
@_bestbeast 2 месяца назад
I am getting an error that cookies can set in server action or route handler only
@activenode
@activenode 2 месяца назад
When exactly do you get it? What are you doing?
@kamil_supabase_enjoyer
@kamil_supabase_enjoyer 2 месяца назад
❤❤❤ Great video. Next time please use dark theme in your apps. Its gonna be much easier to watch. Now you have dark theme on text editor and light theme in your app.
@activenode
@activenode 2 месяца назад
Great Feedback 💜
@ChristianKolbow
@ChristianKolbow 2 месяца назад
👍
@rishabsharma5307
@rishabsharma5307 2 месяца назад
waay too good video
@ChristianKolbow
@ChristianKolbow 2 месяца назад
I am writing here because others may be interested. I have a problem with Astro. I am using the new caching from Astro. During the build process, the data is cached in a folder. I would like to reuse this in the next build process. So I need a persistent app. But I don't understand how I can access a persistent folder or if it works at all. My Config: Path in App: /astro-cache Label: astro-cache In my Astro config I enter the following as the caching path: cacheDir: './astro-cache' That won't be correct, but I don't know how else to access the path. Is it even possible?
@ChristianKolbow
@ChristianKolbow 2 месяца назад
If it is possible, I would like to specify the persistent directory as cacheDir in my astro config.
@activenode
@activenode 2 месяца назад
As discussed previously, it's hard to access a VOLUME within a running build process. The best bet would be copying the files into the build context directory which comes with several problems: 1. You'd need to know where CapRover does the `docker build` 2. You'd need to copy the existing cache directory into that before the build starts and then do `COPY /cache-dir ...` within that 3. Where you get that `/cache-dir` from in the first place? The third question can be answered e.g. by having a git pipeline that will first trigger some script which will run `npm run build` and it's result is put to the cache-dir where it then later can be read from (2). But then again you still face problem (1) that you need to hook into it. That's why you're probably better of building in the container instead of the dockerfile and using a HEALTHCHECK command in the dockerfile to determine the healthiness of a container depending if a certain URL can be accessed or not (CURL request). Another idea: Use the Repository pipeline / GitHub actions to build on GitHub and re-use cache directories from the build which you then use to push to a specific branch when succesfull (like a `deployment` branch). That branch can then be used by CapRover. But all of these things aren't natively supported so if you didn't want workarounds you might wanna consider portainer instead which is a bit more versatile and I think it has Webhooks as well.
@activenode
@activenode 2 месяца назад
@@ChristianKolbow docs.github.com/en/actions/using-workflows/caching-dependencies-to-speed-up-workflows also check this one to grasp ideas for prebuilding the cache
@bm2ilabs
@bm2ilabs 2 месяца назад
you are a legend, absolutely brilliant thank you for the indepth step by step tutorial
@adelalahmed1722
@adelalahmed1722 2 месяца назад
Thank you for the information
@greendsnow
@greendsnow 3 месяца назад
Can we do it with Caprover?
@activenode
@activenode 3 месяца назад
Sure, but it needs a one-click recipe as per default it cannot simply run docker-compose.
@greendsnow
@greendsnow 3 месяца назад
docker inside docker? who uses macos for a server?
@activenode
@activenode 3 месяца назад
It's for local/dev purposes. For anything else one would obviously choose linux and skip the DIND approach :)
@marcelwolf3855
@marcelwolf3855 3 месяца назад
hey, your blog is offline
@activenode
@activenode 3 месяца назад
blog.activeno.de . Sorry :)
@BGdev305
@BGdev305 3 месяца назад
Genius
@sabahsaeedi9551
@sabahsaeedi9551 3 месяца назад
Hallo david ,I faced with a problem that when I add custom location for strorage on proxy manager ,the proxy host go to disabled ,and when I try to upload file on studio it stuck on progreess and I got htis error :site.webmanifest:1 Manifest: Line: 1, column: 1, Syntax error. _app-20b53b8200866666.js:19 Uncaught (in promise) TypeError: Failed to fetch at StorageFileApi.<anonymous> (_app-20b53b8200866666.js:19:131591) at Generator.next (<anonymous>) at fulfilled (_app-20b53b8200866666.js:19:130298),I use local storage.Thank you very much
@comedyclub333
@comedyclub333 3 месяца назад
After adding the domaind and creating the SSL certificate for the nginx proxy manager itself you should go back into your docker compose file and remove port 81 from being exposed. By default, you exposed ports 81, 80 and 443 and since you are now exposing the proxy maanger via port 80 and 443 via the domain, you don't need port 81 anymore and you should remove it.