Відео

at 1:29 I saw razevalorant in email... i guess you play valorant ?

WOW 😍😍

nice project

This is incredible. Where have you been when I was hunting down dashboards? 😅

amazing 🔥🔥🔥🔥

Thank you very much! Timely tutorial with specific tech stack.

Awesome, thanks for the tutorial

Great and simple tutorial, just what I needed. Thanks!!

Amazing 🔥🔥🔥🔥

Tks to share this awesome backend.

Wow great, thanks for the complete tutorial

where is frontend one?

Good Bro

Awesome project Man!

Nice Dashboard . You really only used the right open source libraries.

<3

Welcome Back

Happy you're back. Hope all is ok there now!

Thanks!👍

thank you brother!

Perfect

add some license to the git repo bro

Can anyone help: clerkUser is null try { const clerkUser = await currentUser() console.log("Clerk User:", clerkUser) // clerkUser is null ... Error fetching user: PrismaClientValidationError: Invalid `prisma.user.findUnique()` invocation: { where: { clerkUserId: undefined, ? id?: String, ? username?: String, ? email?: String, ? AND?: UserWhereInput | UserWhereInput[], ? OR?: UserWhereInput[], ? NOT?: UserWhereInput | UserWhereInput[], ? profilePic?: StringFilter | String, ? createdAt?: DateTimeFilter | DateTime, ? updatedAt?: DateTimeFilter | DateTime, ? quizResults?: QuizResultListRelationFilter } } Argument `where` of type UserWhereUniqueInput needs at least one of `id`, `username`, `email` or `clerkUserId` arguments. Available options are marked with ?. at An (C:\Users\ir\Development\Visual Studio\quiz_app_youtube\quiz_master ode_modules\@prisma\client untime\library.js:114:7526)

Thank you!!

Hey man. It is a good things you presented here and it helped me a lot for how to set prisma and mongodb for NextJs 🎉

Has anyone tried to deploy this to vercel? My deployment attempts keep failing with below error message;- [Failed to compile. app/(auth)/api/auth/[...nextauth]/route.ts Type error: Route "app/(auth)/api/auth/[...nextauth]/route.ts" does not match the required types of a Next.js Route. "authOptions" is not a valid Route export field. Error: Command "npm run build" exited with 1] will appreciate any pointers on how to resolve this problem.

did you give up?

what extensuion do u use to write tailwind bggray700 to bg-gray-700 if u know what i mean

Why do you use prisma with mongodb? Wouldn't mongoose be a better choice.

Very Nice Tutorial But Sir you should also provide programming code .

thanks so much

Thanks!

Bruh, sweet demo!

Thank you for the tutorial. I have seen similar tutorials that use a different approach, for example, with a dark/light theme using shadcn or with Tailwind theming. I wonder what your opinion is about these methods of applying dark/light mode, especially in terms of client and server side. Cheers Antonio!

Perfect work .. was searching such effect since 2 days none of them fit my clients requirement.. thanks so much for this video

can you provide code as well

the todo props type ({ todo}: todoType) would be export type todoType = { todo: { id: string; title?: string | null; isCompleted: boolean; updatedAt?: Date | null; createdAt?: Date; } }; that I believe! 👍

Awesome explaination. But if running npm build to get it to production there is an error cause of the generateStaticParams. Would be great to get to know how to solve this error.

Dude I figured out the .env thing. Since your using it in client component you have to use NEXT_PUBLIC_WEATHER_API_KEY. It has to be prefixed with NEXT_PUBLIC_then_whatever. if it was server side then it would have worked as before.

Hi i have been following your video now up to the NextAuth Prisma MongoDBsetup. I have setup Google Oauth. However when i try and sign in i get an error try signing in with another account any idea why this is thanks

whats the tailwind extension you're using to get suggestions for the classes

bless brotha

Code for simple parallax: import { useEffect, useRef } from "react"; function App() { const parallaxRef = useRef(null); useEffect(() => { const handleScroll = () => { const scrollPosition = window.scrollY; if (parallaxRef.current) { parallaxRef.current.style.transform = `translateY(${ scrollPosition * 0.7 }px)`; } }; window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); }; }, []); return ( <div className="relative flex w-full h-full min-h-screen min-w-screen justify-center items-center p-6 overflow-hidden"> <div ref={parallaxRef} className="absolute -z-10 h-full w-full bg-[url(/* Path to background image */)] bg-fixed" /> <div className="flex flex-col w-4/5 h-full items-center py-10 px-12 space-y-10 font-sans subpixel-antialiased"> {Whatever you want in here} {Mess around with styling for your liking} </divcr> </div> ); } export default App;

You forgot to do the challange bruh wtf. 😂