Тёмный
Cody Bontecou
Cody Bontecou
Cody Bontecou
Подписаться
is enjoying life.
Nuxt and Stripe Tutorial #7 - Webhooks
9:35
14 дней назад
Nuxt Auth - Postgres.js
32:27
5 месяцев назад
End to End Typesafety in Nuxt
11:34
5 месяцев назад
My Favorite Way to Build UI's in Nuxt
11:19
5 месяцев назад
Using Assets in Nuxt Server Routes
2:31
5 месяцев назад
Convert Webpage to EPUB in Typescript
9:24
6 месяцев назад
Counting Items in Obsidian with DataviewJS
3:27
8 месяцев назад
Комментарии
@ZyncInteractive
@ZyncInteractive 4 дня назад
Thank you so much for this tutorial series. Been trying to get Stripe up and running in my Nuxt SaaS for a while now and you make it look soo easy. Thanks for putting all these tutorials together. Just to give back a little, Nuxt has like a Ngrok built into itself designed specifically for this case with webhooks too. Simply start your dev server with 'npm run dev -- --tunnel' and enjoy. It will give you a cloudflare https url you can test with your webhooks and even serve your site to so others can see it from your local.
@codybontecou
@codybontecou 4 дня назад
Nice!!! I’m glad you like it. Thanks for the info. I pinned your comment and hope others find this useful too.
@Liknese
@Liknese 9 дней назад
Hey Thanks you so much for your tutorials ! I was just wondering what is your browser haha ? Is this safari ? because it looks a little bit modified
@codybontecou
@codybontecou 9 дней назад
Hey! I'm glad you're liking them. Safari v18.1 is my current daily driver. I have it super zoomed in so it looks nice on mobile, maybe that's what's different?
@homeofgamesnews
@homeofgamesnews 19 дней назад
Is prisma works good with nuxthub ?
@codybontecou
@codybontecou 19 дней назад
It should work fine!
@16CXx
@16CXx 20 дней назад
Wow, that’s a great bonus video for this playlist. Thank you ❤
@codybontecou
@codybontecou 20 дней назад
Haha it’s a rapid authentication tutorial.
@QtheCoder
@QtheCoder 21 день назад
video portion to the write up , thanks for this 🙏
@codybontecou
@codybontecou 21 день назад
Sure thing!
@Izerty
@Izerty 21 день назад
you create the tutorial I'm looking for while I'm looking for it ahah, perfect, thank you
@codybontecou
@codybontecou 21 день назад
Awesome. Let me know if there’s anything specific you’d like covered.
@QtheCoder
@QtheCoder 21 день назад
Stripe and supabase combo, just a detailed walk through on Nuxt patterns using them, although I don't use prisma.
@codybontecou
@codybontecou 20 дней назад
@QtheCoder sure, I have quite a bit of supabase + Nuxt experience actually.
@bowaller6892
@bowaller6892 21 день назад
Thanks for the series tut. I was waiting something like that.
@codybontecou
@codybontecou 21 день назад
Enjoy!
@RazahLP
@RazahLP 21 день назад
Awesome! Already used your next-auth Tutorial for my Nuxt-auth project. Thank you! Is there any way to support you with a coin?
@codybontecou
@codybontecou 21 день назад
Awesome! I hope you enjoy this one. Thank you but the only support I need is your likes and comments!
@16CXx
@16CXx 22 дня назад
Perfect, keep uploading bro ❤
@codybontecou
@codybontecou 22 дня назад
Just finishing up some editing! I should have episode 2 and 3 out by tomorrow.
@16CXx
@16CXx 22 дня назад
@@codybontecou yes let’s go man🔥 thank you ❤️❤️
@pir0zh0kDevTV
@pir0zh0kDevTV Месяц назад
Please, more info about Credentials auth!!! 🎉
@codybontecou
@codybontecou Месяц назад
Hey pir0, what store of information would you like to know?
@fctitou
@fctitou Месяц назад
here is an update version of the code, useSession is replace by useAuth and signIn expect a parameter: <script setup lang="ts"> const { status, signIn, signOut, data, getSession } = useAuth(); const loggedIn = computed(() => status.value === "authenticated"); async function handleSignIn() { await signIn("github"); } async function handleSignOut() { await signOut(); } </script> <template> <div> <button v-if="loggedIn" @click="handleSignOut">SignOut</button> <button v-else @click="handleSignIn">SignIn</button> </div> </template>
@QuentinDme
@QuentinDme Месяц назад
This video is both interesting and ASMR. 😊
@codybontecou
@codybontecou Месяц назад
Haha glad you like it.
@devoxygen7395
@devoxygen7395 2 месяца назад
U look great bro
@Muphet
@Muphet 3 месяца назад
i really like naive-ui ...hold up, did you say they give you component code files instead of just interface? that's very nice one more thing that i also use for all nuxt projects is nuxtR vscode extension, makes creating projects and files so much easier
@Suriprofz
@Suriprofz 3 месяца назад
love how no youtuber comes further than showing some buttons.
@PieroSavastano
@PieroSavastano 3 месяца назад
awesome!!!
@edhahaz
@edhahaz 4 месяца назад
Oh I really wished I found this one month ago.... (but I moved to lucia-auth which has porsager/pg)
@codybontecou
@codybontecou 3 месяца назад
Nice! Are you using lucia-auth with Nuxt?
@edhahaz
@edhahaz 3 месяца назад
​@@codybontecou Using it with Next and Microsoft SSO, it's supported although it wasn't as straight forward as I would've liked. I had to glue it together from their docs on ms-sso, the github example and Microsoft's official ID token claims reference.
@MikeTheCook
@MikeTheCook 4 месяца назад
I was beside Nuxt UI and Shadcn. I'm with Shadcn 100% now.
@YusnielBrocard
@YusnielBrocard 3 месяца назад
can you explain why you choose Shadcn?
@MikeTheCook
@MikeTheCook 3 месяца назад
@@YusnielBrocard it’s 100% customizable and easy to use.
@YusnielBrocard
@YusnielBrocard 3 месяца назад
@@MikeTheCook thanks bro
@berrybush6545
@berrybush6545 4 месяца назад
Can the Continue extension be aware of the entire directory opened in VSCode? What about being aware of an additional directory, not opened in VSCode? Thank you.
@BlasterWhite
@BlasterWhite 4 месяца назад
Hi, I find out that since you added the prisma adapter the token endpoint is not working :/ . I had clone your repo to test it and it seems that there are the same issue. I'll be very thankful if you have an idea or a solution.
@nested9301
@nested9301 4 месяца назад
What about nuxt ui ?
@2xxxtrem
@2xxxtrem 4 месяца назад
A comparison would be nice 👍
@codybontecou
@codybontecou 4 месяца назад
Honestly, the price tag puts me off. But, initial impressions look good. I imagine it being Nuxt-first brings a ton of nice things along with it.
@hamoncordova7431
@hamoncordova7431 4 месяца назад
Nuxt UI is free. I'm using in production. Needs some updates, but works really well
@phojie6868
@phojie6868 4 месяца назад
its trash
@YusnielBrocard
@YusnielBrocard 3 месяца назад
@@phojie6868 why do you say that?
@paaqwesilowell6141
@paaqwesilowell6141 4 месяца назад
How do I get the raw jwt token within the callback?
@JesusMartinez-kn8hz
@JesusMartinez-kn8hz 5 месяцев назад
Master
@offgridvince
@offgridvince 5 месяцев назад
Great! Thx
@tamirhalperin2404
@tamirhalperin2404 5 месяцев назад
I think you could have made this video after you figured out what you wanted to do step by step and it would be better if you actually explained every step because you jumped around quickly between files and didn't describe what you're doing, especially when you made a mistake and corrected it.
@amirhoseinmoayeri3889
@amirhoseinmoayeri3889 5 месяцев назад
Great Library, Thanks :)
@iUmerFarooq
@iUmerFarooq 5 месяцев назад
Thanks for awesome tutorials 💚💚
@codybontecou
@codybontecou 5 месяцев назад
Slowly but surely getting content out!
@CorleoneMikele
@CorleoneMikele 5 месяцев назад
Hello, maybe you can tell me how to implement dynamic changes to Session.expires. So that there is an opportunity from the client part in the signIn("credentials") method using the checkbox to select Session.expires = "Session" and some number of seconds specified in the settings.
@codybontecou
@codybontecou 5 месяцев назад
Hey Corleone, take a look at this guide from next-auth: next-auth.js.org/v3/tutorials/refresh-token-rotation Specifically, the JWT callback logic has a accessTokenExpires value you should be able to adjust.
@transcendmoney
@transcendmoney 5 месяцев назад
Great tutorials, but could you make an example for production enviroment. Seems nuxt-auth fail to pass NEXTAUTH_URL, just is passing all the time localhost:300/..... not the dns domain config in .env and nuxt.config.ts
@paaqwesilowell6141
@paaqwesilowell6141 5 месяцев назад
The page with the huge github button is what keeps showing on my landing page. How do I customise it with my login form like you have in your tutorial
@codybontecou
@codybontecou 5 месяцев назад
I believe it's just having a /login.vue page that overrides it.
@paaqwesilowell6141
@paaqwesilowell6141 5 месяцев назад
@@codybontecou That worked thanks. I also realize I had not defined the “signIn:” property within the pages object within the NuxtAuthHandler({}) to point to the login.vue. Thank you
@iUmerFarooq
@iUmerFarooq 5 месяцев назад
These are very cool components library 🔥
@codybontecou
@codybontecou 5 месяцев назад
Dude, it's the best
@iUmerFarooq
@iUmerFarooq 5 месяцев назад
Brother make some Nuxtjs full stack projects.
@codybontecou
@codybontecou 5 месяцев назад
I'm happy to make a proper full stack project/video course. Any project in particular you're interested in seeing me build?
@iUmerFarooq
@iUmerFarooq 5 месяцев назад
@@codybontecou Authorization and authentication with roles session or cookies based. And protected routes etc
@iUmerFarooq
@iUmerFarooq 5 месяцев назад
@@codybontecou if you have enough time so please make series on "cover the different packages or plugins that we can use with Nuxtjs and what the purpose etc
@iUmerFarooq
@iUmerFarooq 5 месяцев назад
After long time 😊 Thanks for Nuxt tutorials 💚
@codybontecou
@codybontecou 5 месяцев назад
More to come!
@randomtimessomehow
@randomtimessomehow 5 месяцев назад
Haha I was wondering the same a couple days ago how I could keep the types in sync. I haven't tried it myself but have a look at the Medium article by Jamie Curnow "Nuxt 3 server routes and Typescript". I think this solves the problem in the most consistent way :)
@codybontecou
@codybontecou 5 месяцев назад
Oh nice! I just read through the article and it has some valuable information. I have to dig into building a custom $fetch a bit more. useAsync is a native wrapper around it which solves an SSR-related problem but I think it may be losing some of the type-safety that utilizing native $fetch provides. Not 100% on this yet.
@carlotadias9335
@carlotadias9335 5 месяцев назад
🙏🙏🙏🙏🙏⛪
@bcpr
@bcpr 6 месяцев назад
neat project!
@miladnouri4364
@miladnouri4364 6 месяцев назад
Great video. I have one question though, why did you sidebase/nuxt-auth as dev dependency?
@randomtimessomehow
@randomtimessomehow 7 месяцев назад
Thanks for the tutorial! How to integrate it in a pipeline? And are you for hire as a freelancer by any chance? 👀
@codybontecou
@codybontecou 7 месяцев назад
Hey Random, happy to chat more about this. Ping me at my email, codybontecou@gmail.com, and we can discuss how I might be able to help.
@afolabitimothy6091
@afolabitimothy6091 8 месяцев назад
Hi, Can you do a video on how to use the refresh provider ?
@gutsbaiano7212
@gutsbaiano7212 8 месяцев назад
Bro, i have a problem with every time i refresh the page when i'm authenticated i log out, do you know how to solve this?
@بهزادصادقی-م5م
@بهزادصادقی-م5م 8 месяцев назад
i have this error : [worker reload] [worker init] Package subpath './core' is not defined by "exports" in ....
@irvingriosortiz
@irvingriosortiz 7 месяцев назад
I had the same error. A current workaround is pinning to next-auth to v4.22.5 if you're using a version like 4.24.5
@triho9784
@triho9784 6 месяцев назад
you may fix it by inserting into "exports" : {} part with this "./core" : { "types" : "./core/index.d.ts", "default": "./core/index.js" }, in node_modules/next-auth/package.json
@glpzzzdev
@glpzzzdev 8 месяцев назад
Amazing series of videos! Just a note: As of Jan 02, 2024, I had to add `refresh_token_expires_in Int?` to Prisma Account model because "no `refresh_token_expires_in` exists" error was preventing the account creation and to complete the sign in operation. Visible in CLI output. I was using GithubProvider when testing
@hinoshimizu8351
@hinoshimizu8351 8 месяцев назад
I always love out-of-box stuff, so thank you for introducing that to me.
@codybontecou
@codybontecou 8 месяцев назад
Me too! It makes onboarding and exploring it much easier.
@jonathandonda2700
@jonathandonda2700 8 месяцев назад
Looks clean and simple, thank you and Happy new year!
@codybontecou
@codybontecou 8 месяцев назад
It's a great application! I'm glad you like it. Happy new year! I hope 2024 is a great one for you.
@lalpremi
@lalpremi 9 месяцев назад
Cool, thanks for sharing, I wonder if can it run this locally, say in a Docker?
@mikhalpalych
@mikhalpalych 9 месяцев назад
Why do we need to do it that way? I mean through middleware and event.context. I tried to attach prisma client to a nuxtApp (and nitroApp) as an attribute, but had no success, so i guess your way is only working
@leowivhagen7751
@leowivhagen7751 10 месяцев назад
Greate video! Do you know if there is a way to force nuxt-auth to present the provider login screen every time you press logi, instead of just instant redirecting?
@RazahLP
@RazahLP 10 месяцев назад
(Regarding the problem at the end:) It should work properly if you simply add --> middleware: 'auth' <-- to the definePageMeta of the guest.vue :))
@draggingtheshutter
@draggingtheshutter 11 месяцев назад
Thanks! This helped me allot
@randomtimessomehow
@randomtimessomehow 11 месяцев назад
Hi, this is a bit random, but: 1) Are you using a portable monitor as a digital nomad? If so, which one are you using? 2) Do you have any country/city recommendations for an aspiring digital nomad like me? :)
@codybontecou
@codybontecou 11 месяцев назад
Hey hey. 1. While traveling, I’ll use an iPad as my second monitor when needed. I rarely use a second monitor - primarily when I am implementing a Frontend design or following a tutorial. 2. Depends on what you like! I travel with the intention of surfing and being in remote, raw locations. So I recommend the southern coast of Mexico (Oaxaca, Chiapas), but I understand these locations aren’t ideal for many. If you like slightly more developed locations, than the Atlantic coast of Spain and France are also beautiful.
@randomtimessomehow
@randomtimessomehow 11 месяцев назад
​@@codybontecou Thanks for sharing! It's cool to hear where other digital nomads are. I'm in Australia right now and it's amazing. You should definitely check it out if you haven't yet :)