วีดีโอ

change enableGlobalAppMiddleware to => globalAppMiddleware

For everybody who is struggling with useSesssion, just change it to useAuth().

how to make signUp?

What I thought I would had expected from video Pinia + Electron: how to share the same state between renderer and main processes, because it's the main difference with basic Pinia usage for plain web app. But definitely not a video pretending main process where you have to work basically with the same state just doesn't exist.

If anyone needs to have a page accesible for eveyone while having in nuxt.config.ts globalAppMiddleware: true, set in the specific page definePageMeta({ auth: false })

You sound like Richard from silicon valley (in a good way)

simplest video on how to implement this I've ever seen. Great work! Thanks!

Nice playlist!! Waiting for deploy hehe

great playlist.however wanted to let you know that your videos in the playlist are reversed,so when clicking "play all" it starts with 12 then goes down. might want to update that

I get many errors when trying your repo: [4:09:55 PM] WARN [plugin node-resolve] Could not resolve import "next-auth/core" in /Users/janis/Downloads/nuxt-stripe-12-deploy/node_modules/.pnpm/@sidebase+nuxt-auth@0.8.2_magicast@0.3.5_next-auth@4.24.8_@auth+core@0.34.2_next@14.2.13_@bab_gzt7mjbp5vtr7npweete3fbnua/node_modules/@sidebase/nuxt-auth/dist/runtime/server/services/authjs/nuxtAuthHandler.mjs using exports defined in /Users/janis/Downloads/nuxt-stripe-12-deploy/node_modules/.pnpm/next-auth@4.24.8_@auth+core@0.34.2_next@14.2.13_@babel+core@7.25.2_react-dom@18.3.1_react@18._rgc5zuz452oxrglaz6bomg2boy/node_modules/next-auth/package.json. [4:09:55 PM] WARN "next-auth/core" is imported by "node_modules/.pnpm/@sidebase+nuxt-auth@0.8.2_magicast@0.3.5_next-auth@4.24.8_@auth+core@0.34.2_next@14.2.13_@bab_gzt7mjbp5vtr7npweete3fbnua/node_modules/@sidebase/nuxt-auth/dist/runtime/server/services/authjs/nuxtAuthHandler.mjs", but could not be resolved - treating it as an external dependency. ✔ Nuxt Nitro server built in 549 ms nitro 4:09:55 PM ℹ Vite client warmed up in 0ms 4:09:55 PM [4:09:55 PM] ERROR [worker reload] [worker init] Package subpath './core' is not defined by "exports" in /Users/janis/Downloads/nuxt-stripe-12-deploy/node_modules/next-auth/package.json imported from /Users/janis/Downloads/nuxt-stripe-12-deploy/.nuxt/dev/index.mjs

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.

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

Is prisma works good with nuxthub ?

Wow, that’s a great bonus video for this playlist. Thank you ❤

video portion to the write up , thanks for this 🙏

you create the tutorial I'm looking for while I'm looking for it ahah, perfect, thank you

Thanks for the series tut. I was waiting something like that.

Awesome! Already used your next-auth Tutorial for my Nuxt-auth project. Thank you! Is there any way to support you with a coin?

Perfect, keep uploading bro ❤

Please, more info about Credentials auth!!! 🎉

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>

This video is both interesting and ASMR. 😊

U look great bro

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

love how no youtuber comes further than showing some buttons.

awesome!!!

Oh I really wished I found this one month ago.... (but I moved to lucia-auth which has porsager/pg)

I was beside Nuxt UI and Shadcn. I'm with Shadcn 100% now.

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.

What about nuxt ui ?

How do I get the raw jwt token within the callback?

Master

Great! Thx

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.

Great Library, Thanks :)

Thanks for awesome tutorials 💚💚

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.

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

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

These are very cool components library 🔥

Brother make some Nuxtjs full stack projects.

After long time 😊 Thanks for Nuxt tutorials 💚

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 :)

🙏🙏🙏🙏🙏⛪

neat project!

Great video. I have one question though, why did you sidebase/nuxt-auth as dev dependency?

Thanks for the tutorial! How to integrate it in a pipeline? And are you for hire as a freelancer by any chance? 👀

Hi, Can you do a video on how to use the refresh provider ?

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?

i have this error : [worker reload] [worker init] Package subpath './core' is not defined by "exports" in ....