Build and Deploy a Fullstack Reddit Clone: Next.js 13, React, Tailwind, Auth, Prisma, MySQL

So many thanks, Josh! I've learned a lot from this long video. Such a marathon but totally worth it!

amazing….course 🎉, amazing tools for editorJS and react-query……useMutation is powerful!

I really appreciate the effort of making these videos, but you skip over so much it gets kind of frustrating, especially when encountering it halfway in. The entire Google thing in the auth chapter for example. Besides that, I feel like I'm not learning anything reusable, just copying what you're doing, but with little to no explanation on why you're doing it and how we would figure out how to do the same thing without you telling us.

I would personally rather see videos that cover less, but cover it better. It doesn't matter if you spend 2 hours on Auth if that would mean we'd really understand what's going on. What are the callbacks doing in the NextAuth function? What is the PrismaAdapter doing? Why are you building a check to not have multiple clients in development, and does it not matter on production? Why not? The Prisma models you copied over from the documentation, why not go over them 5-10 minutes instead of saying "they're not that important cause they come from the docs"?

I hope you can appreciate the feedback and try to incorporate it in your next videos. Lots of potential with your knowledge. Thanks again. :)

Hey guys, Where is the typescriptreact.json,

man that's great thanks a lot!

I'll start this one asap, looks fantastic. Good job man!

Can't find a reason not to sub

Just for everyone's reference, the google callback URL should be localhost:PORT/api/auth/callback/google in the google console. Else it would give an error.

When I deploy I get cors error? Is it only a problem of mine?

Josh,
very good, thank you!
Would propose a new proj for you to implement.
Consists of 2 modules:
- Nextjs 13 full-stack module, running some services for a customer (say, a user app)
- AI LLM module, specifically trained/indexed for the user app, used by dev/test/support teams to evolve/maintain the user app (let's call it a side-car app).

Side car app requirements might be as follows:
1. UI for pts 2-5 below.
2. Further enhancement/development of the user app according to customer's new requirements (input to the side-car);
3. Searching docs on the user app codebase (funcs, classes, etc)
4. Creating test cases for the user app
5. Analizing the user app logs (maybe reacting in real time, changing the app's settings, re-loading, etc.)

In the future if we learn how to create such supplements for user apps I beleve we make a huge difference in automation..

Is this beginner or intermediate project

Can someone explain how to create an svg like the bread?

Hey @joshtriedcoding thanks for this awesome video! I noticed you're not using the conventional folder structure for NextJS, and I'm trying to add the `getServerSideProps` functionality to a server-side component, but getting the error `"getServerSideProps" is not a valid Next.js entry export value.`, presumably because of the folder structure. My goal is to be able to get things stored in cookies in my server-side rendered component. I'd very much appreciate the help!

thanks for the tutorial josh!

Hello Josh, AWESOME VID! I have a question in CloseModal.tsx file. How can I change the close button logic to close the modal and returns to home page? Currently, if you change from sign-in modal to sign-up modal and you click on close modal button (X), you returns to the previous modal (sign-in modal) but not close the modal. Thanks 😀

Hey Josh!
Great video, just out of curiosity, what software do you use for screen recording?

It's really a fantastic video, I really learned a lot from it, thanks Josh, you are a good man 💯.

What a huge project 🎉
Really appreciate your work Josh! Inspiring

hey Josh, I have been following you since many days, I have a question that before nextJs 13 i saw that everyone named their files in PascalCase but when nextJs 13 come I notice that there are lots of people use kebab-case for file naming, why kebab-case and why not PascalCase for file naming?

glad he didn't do it in one go would have been depressing af to see it not that it isn't depressing to see this anyway knowing I don't know shit

Completed my project today. Learned a lot of new things. Your explanations and the way you go through each line of code is on point. Thankyou so much for this amazing course. Looking for more such content❤

Josh! what is your age? Thanks for all the videos they are very helpfull and interesting. I like that you keep us up to date to the newest tech. Maybe a little bit more explaining what you are doing in some technical parts. ❤❤

My question here is how meny devs had finished the whole video and also how many had made an project?

I had trouble installing the packages. Was I the only one

Just completed the project learnt a lot, thank you :)

Great work!

everytime i try to use shadcn-ui it doesn't work, it says Selected components not found. Exiting., and Installing dependencies...Command failed with exit code 1: yarn add tailwindcss-animate class-variance-authority clsx tailwind-merge lucide-react
warning package-lock.json found. Your project contains lock files generated by tools other than
Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
warning "react-hot-toast > [email protected]" has unmet peer dependency "csstype@^3.0.10".
error An unexpected error occurred: "EPERM: operation not permitted, unlink 'C:\\Users\\Admin\\Dde'".

ive tried re-installing and all sorts of things, its happened both times he's used shad-cn and i dont' know what to do :( only 1 hr 20 mins in

You are an epic and masterful developer. I gained a lot of knowledge from watching this video, and I've noted every tip from you in Notion. Words can't describe the immense amount of knowledge you've provided me through this video. Thank you a lot.

Bruh planetscale asks for card even when you are using the free service. That's just idiotic bruh

No worries, i did it using MongoDb, thnx so much for this video 😊
Lmao, mongodb doesn't support compound ids, but it was even more fun learning by fixing the schema errors. Glad i used it😂

Thank you so much for this tutorial, it would be great if you have used Elasticsearch or something similar production ready for implementing the search functionality. But still this project is a gem with caching functionality.

Anyone know why installing shadcn completely overwrites your entire tailwind conf? Maybe i missed Josh installing shadcn earlier in the video, but the only option i saw when trying to add the toast component was to do a shadcn init, which apparently treats it like an entire new project, and wreaks havok on your tailwind & CSS configurations.

@joshtriedcoding how do I force an interface as the zodObject schema?
like interface b { foo: string, bar:number}
z.object({...}) so I can't add to the z.object fooba : z.string(), since it's not defined in the interface b

Great tutorial! I have a weird bug with the modal. If I switch back and forth between Sign-In and Sign-Up say five times, I will need to press the X five times to close the modal. Anyone else having that problem? I am guessing its because we are calling router.back() and so it cycles through the history but router.push('/') or router.replace('/') don't close the modal.

I'm kinda new in web development and especially in Next JS but man your code looks soo clean and awesome, I love it.
I learned a lot of cool stuff from this project. I hope you'll keep making this type of videos

very good

Uploadthing signin redirection not working could able to use Uploadthing

I am unable to configure shadcn/ui . Can anyone help ?

Amazing walkthrough, Josh. I like that you are striving to create prod ready videos

wow... incredible video..
thank you!

Please can you do a project video about drizzle planetscale and nextjs

Whichever database are you use this project?