FASTEST way to build apps with Next.js 15

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 พ.ย. 2024

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

  • @Supabase
    @Supabase  25 วันที่ผ่านมา +8

    Get started with Next.js 15 and Supabase 👉 database.new

    • @robbieemerson2914
      @robbieemerson2914 25 วันที่ผ่านมา

      Do you have an example where you're using MFA and Supabase Auth (not an alternative auth provider) ?

  • @mrrolandlawrence
    @mrrolandlawrence 25 วันที่ผ่านมา +3

    You beauty. Been a VueJs dev for a time, lack of western contracts though. Currently learning NextJS. Dont want to give up on supabase. This is just what i needed...

    • @adrianfam8098
      @adrianfam8098 25 วันที่ผ่านมา +1

      Dang, I «know» next js but currently looking into vue/nuxt… will I regret it?

    • @mrrolandlawrence
      @mrrolandlawrence 25 วันที่ผ่านมา

      @@adrianfam8098 nuxt / vue is awesome. IF you are rolling your own - it cant be beat. React can be very verbose compared to vue. Its so much easier to keep on top of too.

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา +1

      Great to hear! Let me know if you hit any friction points!

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา

      @@adrianfam8098 They're both awesome! And work perfectly with Supabase!

  • @andyvdr
    @andyvdr 25 วันที่ผ่านมา +1

    Supabase in the wild! 🌿

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา +1

      Its the new Outdoor API from Next.js 15! Looks great!

  • @stonedizzleful
    @stonedizzleful 24 วันที่ผ่านมา +1

    Awesome video. You guys make this stuff so simple.

  • @AbouAnia
    @AbouAnia 20 วันที่ผ่านมา

    I built my first 100k$ web app with supabase postgress, edge functions, auth…etc very very easy to start

    • @hydraagod
      @hydraagod 19 วันที่ผ่านมา

      Mind sharing what you're saas does?

    • @AbouAnia
      @AbouAnia 19 วันที่ผ่านมา

      @ it’s an adult website

  • @life_in_gen
    @life_in_gen 20 วันที่ผ่านมา +1

    love the energy :) thought my screen was shaking !

  • @joshuajaydan
    @joshuajaydan 25 วันที่ผ่านมา +3

    Good video. Interested in the video where said you will show how to connect custom SMTP.

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา +5

      Working on this one now - will let you know when it's live! 👍

    • @joshuajaydan
      @joshuajaydan 24 วันที่ผ่านมา

      @@JonMeyers thanks!

  • @GiovanneAfonso
    @GiovanneAfonso 24 วันที่ผ่านมา +2

    can I safely call await createClient multiple times or should I store a singleton?

  • @david.tanasescu
    @david.tanasescu 14 วันที่ผ่านมา

    Howdy, what font do you use for VSCODE it looks amazing! 🤩

  • @president-of-sale
    @president-of-sale 24 วันที่ผ่านมา

    Thanks for tutorial. Super helpfull

  • @aghileslounis
    @aghileslounis 25 วันที่ผ่านมา

    It's good but you can do MUCH better.
    Maybe a CLI to generate an entire app well configured and up to date with latest next.js, ORM(prisma), social auth (google, github), emails with react-email and resend, posthog, sentry, eslint, prettier...
    The CLI would give the choice to choose if we want the tool included or not.
    If you want to go even further you can have one for a a next.js app and another one for a chrome extension.
    I know it needs to be maintained, but I think it's worth it.
    The current one doesn't do much imo, a little bit useless / outdated and not using the best possible code.

    • @TheBlackManMythLegend
      @TheBlackManMythLegend 25 วันที่ผ่านมา

      you do that put a stripe in between market it like marc lou and shashing. lol. you know you have that problem maybe other don't but maybe for supabase guys it's not a business case they have other task that have more long term value for their project.

    • @TheBlackManMythLegend
      @TheBlackManMythLegend 25 วันที่ผ่านมา

      also they are a yc company if my memory is good and their investor do not pay them to try too crazy idea that are out of the focus of their mission

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา

      Yeah, this is definitely just a starter template - get the config out of the way so you can build whatever you like. For a more complete SaaS starter, you could check out this one: github.com/vercel/nextjs-subscription-payments/

  • @MrMatDoe
    @MrMatDoe 25 วันที่ผ่านมา

    second fastest comment in here 🚀🚀🚀🚀🚀🚀

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา +1

      Smashed it! 🚀

  • @salamandr4111
    @salamandr4111 25 วันที่ผ่านมา +1

    BIG!

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา +1

      So big!

  • @doob4611
    @doob4611 6 วันที่ผ่านมา

    Anyone else get this error?
    Unhandled Runtime Error
    Error: invariant expected layout router to be mounted
    Imports are from "next/navigation"

  • @gobajoseph5064
    @gobajoseph5064 25 วันที่ผ่านมา

    Thanks you please make samedi with supabase and JavaScript vanilla

  • @ekimcemulger8101
    @ekimcemulger8101 25 วันที่ผ่านมา

    is it better to protect pages in middleware or like in the example in video?

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา

      Better practice to protect them in Middleware, as this allows you to redirect unauthenticated users in that very first step 👍

    • @gabrielgarayalde1693
      @gabrielgarayalde1693 18 วันที่ผ่านมา

      @@JonMeyers Great video. just to clarify redirecting users in the middleware to the signup page is better practice, as opposed to checking the user in each page.tsx component? I image also because it becomes redundant having the same user check in every protected page? easier to create an array of protected pages in the middleware and verify it from the start? Thanks!

  • @TannerHladek
    @TannerHladek 25 วันที่ผ่านมา

    This is fantastic, but what if I want to make a request to an internal API that uses Supabase authentication to protect routes? I would need the session to obtain the user’s token, but all the documentation states that getSession is no longer recommended.
    Also, thank you for the excellent videos!

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา +1

      This template uses the SSR package under the hood, which configures Supabase Auth to use cookies. This means the Supabase Client will be automatically configured to use the user's session. If the "internal API" is outside your Next.js app, and you're making a HTTP request to it, you just need to send along the headers from Next.js to the HTTP request - check out the `utils/supabase/server` file to see an example of creating a Supabase Client using the cookies function!
      This example is just showing how you might want to enforce those Authorization rules or protect entire pages in Next.js 👍

    • @TannerHladek
      @TannerHladek 24 วันที่ผ่านมา

      ​@@JonMeyers Thanks for the clear explanation! We’re in the process of migrating our stack to use Supabase, and I’m really enjoying the experience so far

  • @sicario55
    @sicario55 24 วันที่ผ่านมา

    for maybeGlobalAsyncLocalStorage eror.... ``` "next": "^14.0.0",```

  • @junsgk
    @junsgk 25 วันที่ผ่านมา +3

    Fastest🎉 comment of this video

    • @Supabase
      @Supabase  25 วันที่ผ่านมา

      Wow!

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา +3

      Fastest reply! ⚡

  • @jaypsanchez9481
    @jaypsanchez9481 25 วันที่ผ่านมา

    the saas template doesn’t work when following the guide and video

    • @JonMeyers
      @JonMeyers 25 วันที่ผ่านมา

      Oh yeah, good call! This one still needs to be updated for Next.js 15! Will get that sorted! 🙌

  • @ianc6418
    @ianc6418 12 วันที่ผ่านมา

    i wouldnt develop anything with next 15 until react 19 is stable and adopted

  • @_taishi
    @_taishi 21 วันที่ผ่านมา

    LFG

  • @bgriffin5447
    @bgriffin5447 21 วันที่ผ่านมา +2

    Your hands are doing too much. Relax.

    • @iceshoqer
      @iceshoqer 8 วันที่ผ่านมา +1

      The hands actually put me off and I have to rewind to listen again