Видео

I'm glad you found it easily. Such a simple thing it was haha 🤝

The credentials object is the one that allows you to define the form fields. Like in this case it's username and password. Also it helps inferring types in the authorize function Similarly you can put email and password if you want those. Passing these also automatically puts input fields on the default login page by next auth

Thank you so much. Also that sounds like a very good idea I will definitely build something a little unique with the functionalities you mentioned above 🙂

I understand it might be boring. Will try to speed it up next time. Usually I type out lines of code manually instead of copy pasting so that the viewer easily understands what it does

Good to know. Thanks Jake! But if you look at this example, if we just pass in 'Sheet1' as range, it will overwrite the entire sheet. Whilst we wanted to start appending data after the header. In this case we do need the range

The problem I am having is when you the app layout and have 3 grouped routes and each group has its own layout. When doing this I can't seem to get the URL. Its just an empty {}

I am unable to reproduce the same. I tried but it seems to work for me. Three different groups, in there 3 different layouts and also 3 different routes inside. Can you maybe link the GitHub repo?

@@MaxProgramming Yes! I will get this uploaded for you ASAP. To clarify, yes, if I have a page.tsx and layout.tsx in the app folder it does work as you showed but I have my project set up where I removed the page.tsx and layout.tsx from app folder (I did this according to the nextjs documentation), and all 3 groups have their own layouts. Now I want a certain group to have its own navbar with special search functionality using the URL as you taught us. When I try to add your logic to the navbar in "group 1" I get errors. Not sure how to capture the URL searchParams...

@natiperetz5807 Can you also comment the error you get here?

@@MaxProgramming Sure! Error: Cannot read properties of undefined (reading 'tab') I think i gt this because of the way I have my folders setup...I shared the git repo here were you able to see the link I shared?

It'll be out in like 10 days or so.

Thanks buddy! Remember no one is perfect, so we all programmers learn something new every day 🙂

Yes. It'll be out 10 days later. As I am out of town 🙂

@@MaxProgramming Also make a video in which show nav on top in desktop view and sidebar on mobile view using shadcn ui.

That's a good idea. Thanks

You can use the Collapsible component by shadcn ui for something like that or the Popover component if you want to pop it open

Thanks! I think you mean margin haha. Will keep this in mind

Glad to hear that buddy! For sure I'll make more content on Next.js

It's Cascadia Code

Instead of using sqlite like I did, you can also use Postgres with Prisma or any other ORM like TypeORM for example. All integrations are listed on the Next Auth docs

JavaScript was made in only 10 days so....

It's called "Console Ninja"

I am so happy it worked as expected!

@@MaxProgramming boss

haha good catch 🤣

Can you elaborate please?

@@MaxProgramming is there any site of free domain for a week ?

Thank you for the kind words 🙂

can you help? i have an app folder but not a pages folder?@@MaxProgramming

You can't deploy a nodejs app to Netlify. You'd have to deploy it to a node server provider like Railway, Render, Fly, Heroku Or else you can use Netlify serverless functions (that is nodejs code Netlify can run - check the documentation), the code might be a little bit different but it's possible and free as well Here's a short tutorial on Netlify serverless functions: ruclips.net/video/NZRZJqChwa8/видео.html

@@MaxProgramming Ah, got it! Its straightforward to deploy with Heroku , though due to Google auth library with Node v18 issues, process.env.PRIVATE_KEY should be process.env.PRIVATE_KEY .replace(/\ /g, ' ')