I'm sick of Next.js caching
6:05
5 ай бұрын
Lucia Auth in 9 minutes
8:50
6 ай бұрын
Remix in 5 minutes
7:17
7 ай бұрын
Пікірлер
@WarSTRIKER1299
@WarSTRIKER1299 Ай бұрын
I honestly enjoy remix way more than next.js. it feels just simpler and more straightforward to me. Nonetheless Next.js is still an amazing framework who pushed and still pushes innovation in the react ecosystem. Can't wait for the remix/react-router team to come back after they announced the merge of the two projects.
@charlesokorobo508
@charlesokorobo508 Ай бұрын
This video to me, is like an analysis of Lucia Authentication. Can You Please do a Proper tutorial where you teach newbies about Lucia Authentication, step by step? This means that it could be a series, or separate Topics with timestamps-- where you talk from: -- Installation and Set Up -- Creating Session Cookies. -- Hashing Passwords. -- Sign Up Authentication. -- Sign In Authentication. -- Sign out Authentication. -- Database storage of session cookies. On and on and on like that. Would you mind creating such a tutorial or series for us, on Lucia Authentication? Regards.
@skittlesaurr
@skittlesaurr Ай бұрын
Love it! good job Joe.
@iamtheenemy9278
@iamtheenemy9278 Ай бұрын
"How does it feel to build something from scratch without using libraries or frameworks?" proceeds to use Nexts.js..... a third-party full stack framework built on top of react a third party ui library....
@lazyprog
@lazyprog Ай бұрын
Nice job
@aniketchitransh9827
@aniketchitransh9827 Ай бұрын
And the award for best UI goes to you…. 👏🏻
@monstajoedev
@monstajoedev Ай бұрын
Thanks bro ❤️
@lsaavedr
@lsaavedr 2 ай бұрын
why you mute the audio between each word?
@anasouardini
@anasouardini 8 күн бұрын
I think the mic is on auto mode.
@valostudent6074
@valostudent6074 2 ай бұрын
@valostudent6074
@valostudent6074 2 ай бұрын
thank you so much, u made it so easy now
@deandrasuharno
@deandrasuharno 2 ай бұрын
cool
@racerguyf1
@racerguyf1 2 ай бұрын
but the fact that 16 gb ram and a 1060ti gpu is not enough for it
@shivpawar135
@shivpawar135 9 күн бұрын
But it will do slowly
@alivamandal5747
@alivamandal5747 2 ай бұрын
Wow
@victorelgersma7845
@victorelgersma7845 2 ай бұрын
Awesome video. I learned a lot. Thank you
@lostinthenarrativve
@lostinthenarrativve 2 ай бұрын
Hey bro, is it safe to use pocketbase directly in our react app for stuff like auth ? I mean no backend/node/etc , just directly use react + pocketbase.
@liammullan2197
@liammullan2197 3 ай бұрын
Auth.js is at a *much* higher level of abstraction than Lucia, contrary to your venn diagram, right?
@iraniannuclearprogram3382
@iraniannuclearprogram3382 2 ай бұрын
his diagram is trash
@anasouardini
@anasouardini 8 күн бұрын
That's what I was thinking! Authjs is very opinionated.
@muhammadkurniasani36
@muhammadkurniasani36 3 ай бұрын
I'm from Indonesia, great tutorial to learn NEXT, Gemini and Convex, thanks
@edhahaz
@edhahaz 4 ай бұрын
Meh lucia seems low value. Just session creation and invalidation? That's it? I guess it also serves as a tutorial for implementing your own auth from scratch like you did in here. I'm quite green, but I think your login/signup is vulnerable to "timing attacks". Normalizing successful and failed login times to be the same is something an auth library should take care of imo...
@qiushiyann
@qiushiyann 4 ай бұрын
Great tutorial! What font are you using?
@monstajoedev
@monstajoedev 4 ай бұрын
Thanks! Geist Mono
@miguel900030
@miguel900030 4 ай бұрын
I am going to propose this library in the next project at my work. Very helpful video :) By the way, what's the name of the theme you are using in this video? hehe
@monstajoedev
@monstajoedev 4 ай бұрын
Good luck with your project! Dark Blue theme. Glad I could help.
@frackinfamous6126
@frackinfamous6126 4 ай бұрын
Command Palette -> Typescript interpreter -> use workspace version
@deepaksabharwaal
@deepaksabharwaal 4 ай бұрын
Waiting for update
@monstajoedev
@monstajoedev 4 ай бұрын
Hey! I stopped working on it a while ago. It's archived on my Github
@deepaksabharwaal
@deepaksabharwaal 4 ай бұрын
@@monstajoedev sad
@emmetsingh
@emmetsingh 5 ай бұрын
Where can I find that code?
@pieterdepauw6599
@pieterdepauw6599 5 ай бұрын
Vercel will not refetch your data every minute automatically. If a request is made by a user (for example, while loading a page), it will check if the cached data is older than one minute. If it is not, cached version is shown. If it is, the cached version is shown until a new version is fetched in the background.
@monstajoedev
@monstajoedev 5 ай бұрын
Exactly what I said in the video. If you want to see the new data after it’s revalidated you’ll have to refresh the page
@SheeceGardazi
@SheeceGardazi 5 ай бұрын
awesome
@TianYuanEX
@TianYuanEX 5 ай бұрын
Good video. A question, is it possible to use this with react as frontend? In the example with express it statically renders html pages for frontend
@SheeceGardazi
@SheeceGardazi 5 ай бұрын
yep yep, you will need to figure out how to set cookies and rest of the code goes into server apis
@dragonball41876
@dragonball41876 5 ай бұрын
Will try
@M1a2n3o43
@M1a2n3o43 6 ай бұрын
very helpful video. could you help me with something, i didnt understand when creating the lucia varible in the auth.ts file , what do these do: DatabaseSession DatabaseSessionAttributes DatabaseUser DatabaseUserAttributes what if i have this User model (i am using prisma instead of mongoose or mongodb): model User { // lucia id String @id @default(uuid()) sessions Session[] password String age Int name String email String isAdmin Boolean @default(false) } what do i do ? thanks a lot for any help.
@monstajoedev
@monstajoedev 5 ай бұрын
Thank you! Those are built in types you can use in your app. Lucia also supports Prisma as an adapter, check the docs.
@SheeceGardazi
@SheeceGardazi 5 ай бұрын
there are afew things that are required like 2 tables users_table and sessions_table and afew attributes in each table (you can name these tables attributes what ever you want) ... check out doc for details ... other than that you can extend their scheme like you want
@fatimaguerzou9054
@fatimaguerzou9054 6 ай бұрын
thanks for ur effort! i already macke a design in react native and i wanna connect it with pocketbase any idea please
@mahmoudelshazly3836
@mahmoudelshazly3836 6 ай бұрын
keep it up
@e_scorp
@e_scorp 6 ай бұрын
learned something new thanks 👍
@monstajoedev
@monstajoedev 6 ай бұрын
Welcome bro. This means a lot to me
@SR-zi1pw
@SR-zi1pw 7 ай бұрын
Nice
@SubhranshuChoudhury
@SubhranshuChoudhury 7 ай бұрын
Thanks for the effort! Any idea how can i implement OTP phone verification as it has only mail verification.
@monstajoedev
@monstajoedev 7 ай бұрын
I don’t think so. This tutorial is about a year old. Check the docs
@SubhranshuChoudhury
@SubhranshuChoudhury 7 ай бұрын
Thanks for these videos!
@flexdash
@flexdash 8 ай бұрын
I got this video on my rec feed. Something to improve is to zoom in the code font size. Either vscode zoom level (4x, 5x) or you can also change your screen resolution to 200% scaling.
@monstajoedev
@monstajoedev 8 ай бұрын
I usually do so, but I forgot this time. Thanks for reminding me.
@nicoalbanese10
@nicoalbanese10 8 ай бұрын
Hey! Kirimase creator here :) Great video! Make sure you check out kirimase's generate function. It scaffolds up everything from the drizzle (or prisma) schema to the server actions to the frontend components and routes (with both server and client side validation). Also, check out the scripts in package json. Kirimase automatically adds scripts with the 'db:' prefix for generating and performing migrations. Thanks for checking it out and hope it can help you build faster!
@monstajoedev
@monstajoedev 8 ай бұрын
Hey there, man. I’m glad you liked my video. I must’ve forgotten about this somehow. Thanks for reminding me.
@HoNow222
@HoNow222 9 ай бұрын
There is no another episode?
@monstajoedev
@monstajoedev 9 ай бұрын
Yes. This is the last part of the series
@OkyCapriatto
@OkyCapriatto 9 ай бұрын
wow! testing this out, promising ...
@BTQZzVibes
@BTQZzVibes 11 ай бұрын
where can i find the pocket host?
@monstajoedev
@monstajoedev 10 ай бұрын
pockethost.io/
@mesfinmulgeta6060
@mesfinmulgeta6060 11 ай бұрын
I really appreciate you.
@starlord7526
@starlord7526 11 ай бұрын
hey MonstaJoe, please create a comprehensive tutorial on tRPC. There isn't much content on this topic on YT atm
@Projects.In.Motion
@Projects.In.Motion Жыл бұрын
Love this tutorial, I would love to see more in the future! Some things to try in your next vids, instead of typing in the code, you can have all of the code that you want and undo all of the different sections of code like in a fireship vid. that way it can minimize those slight mistakes when coding. Also gotta open up those tailwind classes. All in all, dope work and would love to see more!
@monstajoedev
@monstajoedev Жыл бұрын
Believe me, this is easier said than done for me. Also, I gotta what with the Tailwind classes?
@Projects.In.Motion
@Projects.In.Motion Жыл бұрын
@@monstajoedev open up/show, I was fast typing lol.
@jairgavilanez5225
@jairgavilanez5225 Жыл бұрын
Bro how i could to use the name of the user to put under one post, the problem is when i use task.user i want to see the name of the user but id returns, please help me
@monstajoedev
@monstajoedev Жыл бұрын
Make sure the username is not empty
@Marc-fj3kd
@Marc-fj3kd Жыл бұрын
When I log in the page stays on localhost:5173/login instead of localhost:5173. Do you know why? Thank you,
@monstajoedev
@monstajoedev Жыл бұрын
You have to be logged in to access your tasks
@gamerpro667
@gamerpro667 Жыл бұрын
For some reason, when I apply the API rules all the tasks of the user disappear, what could be happening??
@monstajoedev
@monstajoedev Жыл бұрын
You're on the right track. It means any authenticated user will be able to view the tasks they created
@volkswagenpassat-w3o
@volkswagenpassat-w3o Жыл бұрын
Great video! thanks! Greetings from the Netherlands
@monstajoedev
@monstajoedev Жыл бұрын
I appreciate it man!
@ricardomoreira1556
@ricardomoreira1556 Жыл бұрын
great job with the video! sort of a weird question, which is the font you're using in your VSCode?
@monstajoedev
@monstajoedev Жыл бұрын
Thanks! Spline Mono
@stevereid636
@stevereid636 Жыл бұрын
The way the tailwind classes keep dissappearing is without doubt THE most frustrating thing I have ever experienced in a coding video. For the love of god WHY!?!
@monstajoedev
@monstajoedev Жыл бұрын
Oh that's a VS code extension called inline fold that does that. You're right i should've disabled it just copy the classes from github
@valostudent6074
@valostudent6074 2 ай бұрын
@@monstajoedev it made the code less clutters and on-point, since we are watching this to learn pocketbase logics not tailwind
@Hffgv_Zauohfug
@Hffgv_Zauohfug Жыл бұрын
Great video. Please, can you make a MERN stack course?
@stevereid636
@stevereid636 Жыл бұрын
I'm excited to follow this series and I'm liking the way you've structured it. But please finish your sentences and take a breath 🙏🏾 The way you start another sentence before you've finished the last is hardwork to follow.
@monstajoedev
@monstajoedev Жыл бұрын
Thanks I edited parts where I stuttered so that's why. I'm working on it atm
@tabaicanking3701
@tabaicanking3701 Жыл бұрын
hi bro, do you know the best way to set up pocketbase custom store. I'm stuck
@monstajoedev
@monstajoedev Жыл бұрын
What store?
@tabaicanking3701
@tabaicanking3701 Жыл бұрын
@@monstajoedev localstorage or secure storage for react native expo
@monstajoedev
@monstajoedev Жыл бұрын
This is not done with pocketbase. You use the local storage API, but that's not covered in this tutorial
@tabaicanking3701
@tabaicanking3701 Жыл бұрын
@@monstajoedev but there is an option to use custom auth store
@monstajoedev
@monstajoedev Жыл бұрын
Not in PB you need something like Redux or your own global context