Deploy Your SvelteKit App Using Vercel And Supabase

Поділитися
Вставка
  • Опубліковано 20 січ 2025

КОМЕНТАРІ • 68

  • @JoyofCodeDev
    @JoyofCodeDev  Рік тому +6

    I forgot that you should add `?pgbouncer=true` to the end of `DATABASE_URL` because I skipped over connection pooling which was causing issues.

  • @bmehder
    @bmehder Рік тому +15

    This series has been invaluable.

  • @pranjalmenaria3919
    @pranjalmenaria3919 Рік тому +1

    Completed!! Thank you friend.. as a new developer learned a lot of things from you!

  • @akauppi2
    @akauppi2 Рік тому

    Kiitos!

  • @thienhuynh7962
    @thienhuynh7962 Рік тому +5

    Clearing some confusions at 5:30.
    Hasura is not a database, it is a way for you to spin up a GraphQL API or REST API that connects to a database that contains structured data (i.e columnar or row-based aka relational db) with just some clicks and modifications. Supabase and Firebase are BaaS-es that offer serverless database as part of their service.

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому +1

      That makes a lot of sense because I didn't understand their marketing.

  • @WasdTheDebugger
    @WasdTheDebugger Рік тому

    I have been watching your videos since few months, Your content is very useful and the way you present it is absolutely awesome. Its cozy and warm.

  • @Huntabyte
    @Huntabyte Рік тому +10

    Third

  • @Noritoshi-r8m
    @Noritoshi-r8m Рік тому

    Do you know how to handle storage bucket files with Supabase? I'm having a hard time trying, can't find solutions around x.X. Basically i want to display images dinamically, every crud tutorial around only show text.

  • @jogicodes
    @jogicodes Рік тому +1

    Mr Joy, this was a great video. Personally, I prefer the pocketbase approach for various reasons but I like running the front end code serverlessly. Is it possible to run svelte kit on vercel together with a pocketbase backend that runs on my own linux server?

  • @Oliver-cn5xx
    @Oliver-cn5xx Рік тому

    Thanks for your great tutorials! Is there a tutorial where you introduce prisma?

  • @paivagabriel
    @paivagabriel Рік тому

    Great content, Matt! Would love one video explaining how to use Sveltekit and Supabase with Prisma. In this case, you're not using Supabase Auth?

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому +1

      Do you mean how to set up Prisma? I'm only using Supabase for the database and Lucia for auth.

    • @paivagabriel
      @paivagabriel Рік тому

      @@JoyofCodeDev Yes. I'm using Supabase only, and it's great because it's an easy way to have a database and authorization out of the box. But I'm struggling to make it type-safety and would prefer to have all my schema structure accessible in VS Code than need to check it on Supabase platform. It looks like Prisma could solve this (and Lucia could help with the auth).

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому +2

      I would love to! 🙂

  • @jp8263
    @jp8263 Рік тому

    Apparently the vercel adapter doesn't support node 19? do I have to downgrade my version of node or is there a way to update svelte/adapter-vercel to allow node 19 to work?

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому

      You can change it in the settings but only major versions are supported: vercel.com/docs/concepts/functions/serverless-functions/runtimes/node-js#node.js-version.

  • @chazzwhu
    @chazzwhu Рік тому

    Another great video and a subject that tutorials often forget about! Which autocomplete are you using in your terminal?

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому +2

      I use github.com/zsh-users/zsh-autosuggestions.

    • @chazzwhu
      @chazzwhu Рік тому

      @@JoyofCodeDev thank you!

  • @MustardRtard
    @MustardRtard Рік тому +1

    I seem to be getting the same errors you got in the video.The project consistently works while using a local postgres db, but once Supabase is introduced errors regularly show up.

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому +1

      I'm curious are you using the same region? When I tried it out I used the default region and had no issues but it seems there's a problem with Supabase. I also wonder if the issue is related to connection pooling.

    • @MustardRtard
      @MustardRtard Рік тому +1

      ​@@JoyofCodeDev Yes, it was indeed a connection pooling issue, just figured it out. We need to add ?pgbouncer=true after the DATABASE_URL env variable.
      Awesome content btw, always a joy to see more of these videos of yours. Thanks for making it happen.

    • @EliSpizzichino
      @EliSpizzichino Рік тому

      @@JoyofCodeDev actually even with the connection pooling I have the same problem and I can't even register a new user in the app. I have "can't reach database server at..." in the logs. Even the prisma db push works only sometimes. I'm testing from the same region in Germany

  • @roblesrt
    @roblesrt Рік тому

    This is very helpful

  • @dasollee5300
    @dasollee5300 Рік тому

    How did you get the suggestions as you are typing in terminal like copilot?

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому +1

      I use the github.com/zsh-users/zsh-autosuggestions plugin.

  • @DanielRios549
    @DanielRios549 Рік тому

    Is it a good idea to use Cache-Control headers together with Vercel ISR?

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому

      Vercel already caches static assets forever and ISR is their mechanism for busting the cache for individual pages instead of having to redeploy your site when you make a change.

  • @ernestkayinamura6668
    @ernestkayinamura6668 Рік тому

    Thanks for the great videos. Please add how to get the env file to work with node adapter. Using dotenv gives an error when building a docker image. Says env variable not included in role up

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому

      I'm not familiar with Docker but sounds like something you should do in the configuration and make sure you're using SvelteKit to manage environment variables: github.com/CodingGarden/listd.

  • @greendsnow
    @greendsnow Рік тому

    May I ask..
    What's the problem with SSG +CSR for dynamic content, however SSR only and only if you have something like e-commerce where you'd have to build the content every so often? SSR sounds redundant to most of the usecases to me

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому +1

      The problem is you don't have SEO and it's a worse user experience because of loading spinners everywhere but using server-side rendering your site works before JavaScript and then you can use progressive enhancement.

  • @JoaoGomes-wy8gu
    @JoaoGomes-wy8gu Рік тому

    Awesome video man! Keep it up 🤌

  • @HuynhLuong227
    @HuynhLuong227 Рік тому

    Great 🎉🎉🎉🎉

  • @arunkumarTdr
    @arunkumarTdr Рік тому +1

    Please Post a video on how to deploy svelte kit with `adaptor-node` to an aws lightsail / ec2 server and with the shared hosting service that supports node.

  • @name_less227
    @name_less227 Рік тому

    Supposedly the startup time for prisma on the edge network is extremely slow because of prisma's large size.

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому

      Yeah, I've heard about that but I have not run into any issues for my personal projects.

  • @iamcherrydee
    @iamcherrydee Рік тому

    A tutorial on how you built the website

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому

      I have an entire video on making a Markdown blog with SvelteKit: ua-cam.com/video/RhScu3uqGd0/v-deo.html.

  • @annismonadjem6901
    @annismonadjem6901 Рік тому

    Can we get please the source code for each video in the series.

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому

      You can find the post in the description.

  • @stylrart
    @stylrart Рік тому

    What do you think of Payload CMS SvelteKit?

  • @imzi2203
    @imzi2203 Рік тому

    I love your tutorials but I can't find how to deploy a sveltekit app on github pages

  • @andyMutale
    @andyMutale Рік тому

    My favorite type of 99 .....
    free 99

  • @chocoblan4288
    @chocoblan4288 Рік тому

    first

  • @thitemple
    @thitemple Рік тому

    Be careful not to leak this to anyone 😅

  • @mac2857
    @mac2857 6 місяців тому

    This is obsolete now

  • @NadeemKhan-og9jv
    @NadeemKhan-og9jv 9 місяців тому

    when can one do anything interesting ? what a nightmare simple straightforward things are in modern development....I think we as developers are still stuck in the assembly coding era as far as developer experience is concerned.....atleast thanks to svelte who are a bit considerate to humans....other technologies are just down right anti-human...I hate this command line culture and millions of fragile config files, spent half day getting pnpx to run on my system

  • @gudata1
    @gudata1 Рік тому

    It's strange that the browser
    caches because you have a tick on the "do not cache" in developer tools. ua-cam.com/video/uAF4Yd-gddo/v-deo.html

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому

      That's because you're not using the disk cache but a CDN.

  • @giltig2
    @giltig2 Рік тому

    There is an annoying latency with supabase - too bad vercel does not support in some way (storage) Sqlite as it could be a great fast solution. @JoyofCodeDev what do you think?

    • @JoyofCodeDev
      @JoyofCodeDev  Рік тому

      Vercel introduced storage but I haven't tried it: vercel.com/blog/vercel-storage.

    • @giltig2
      @giltig2 Рік тому

      @@JoyofCodeDev Yeah they do - actually pretty nice - I use vercel-postgres but for some reason they dont add Sqlite as well.