Build an Online Auction App with Notifications (Next.js, Shadcn, Typescript, Drizzle ORM)

Timestamps:
00:00:00 Overview
00:05:08 Next Setup
00:06:56 Docker + Postgres Setup
00:09:21 Drizzle ORM
00:11:32 env-nextjs
00:14:05 Schema file
00:16:16 Drizzle kit
00:20:27 Drizzle Studio
00:21:25 Insert Bid
00:29:05 ShadCN
00:34:21 Next Auth
00:36:57 Google OAuth Setup
00:47:31 Prefix Tables
00:50:01 Manual SQL DROP
00:56:57 Header
01:01:01 Page Cleanup
01:05:52 Create Auction Page
01:17:23 R2 Image Storage
01:26:43 R2 Cars Setting
01:39:19 Auction Card
01:41:47 My Auctions
01:45:55 Empty State
01:50:22 Auction Page
02:17:24 Placing Bids
02:33:17 Data Layer
02:36:21 Notifications
02:47:25 Send Notifications
03:06:38 Customize Notifications
03:13:14 End Date
03:25:14 Email Notifications

My Products

Useful Links

[Jay-ekuw]

So I completed this video and I took my sweet sweet time, around 1 week. I absolutely loved this, and Cody just has a great talent. For anyone working on this, I also recommend adding extra features in-between, not just following the tutorial, but also add things like messaging & more based on what you learnt to double the chance of it sticking in your mind. Anyways this was great and I never, ever felt so confident adding new features

[facundomartin]

I don't usually leave comments but this tutorial was fantastic. I really appreciate the unedited version since I can see you debugging in real time and go over your thought process.
Honestly, it's been super helpful. From manually dropping tables in SQL and troubleshooting Drizzle, to handling the file uploads PUT requests to the R2 bucket.
I felt like I was pair programming with a senior eng. and it was awesome. Also, learned a bunch of new stuff.

[anushkasharma]

The best of this tutorial is aws s3 file storage I love cody's tutorials

[games-are-for-losers]

Just switched to drizzle over prisma too. It’s so much better with the SQL like functions

[ianfrye]

Project video from Cody on a Monday - week made 💪

[Jay-ekuw]

Currently following this by working on a different project idea. Loving this

[siralone]

1:25:00 Amazing tutorial, I did some small research on the images and there is no need to create a new formData only for the image, you can have your code something like this:

const handleFormSubmit = async (e: React.FormEvent) => {
e.preventDefault();
const form = e.currentTarget as HTMLFormElement;
const formData = new FormData(form);
const formImage = formData.get("image") as File;

const uploadUrl = await createUploadUrlAction({
key: formImage.name,
type: formImage.type,
});

await fetch(uploadUrl, {
method: "PUT",
body: formImage,
headers: {
"Content-Type": formImage.type,
},

...

});

[mikoajurbanski]

awesome as always - love live coding format

[pawixu]

Great video! The reason why the database auto import doesn't work is the global database variable. I always change the exported database variable name to be different than the global one, so importing it works correctly.

[ofeklevy]

AMAZING <3 please create some more toturials like this when you actually live coding is super helpful for learning and hearning your thoughts while coding.

[NikolaFilipovski]

Everything looks so easy when watching him doing stuff 😅

[anixsharma]

like someone said: damnn sonn didn't expect this gold content!
i was like .. cody is busy with his SaaS project.
anyways, thanks for this $100 course.

[sourabhRikwar]

Really appreciate your work Cody. Keep up the good work. and Keep going.🚀🚀

[lucascampos]

your videos are gold my friend! Thank you 🚀

[amershboul]

your tutorials are always the best
thanks buddy

[t.ino]

this is gold, you just got a new subscriber man!!!!

[PatiphanPhengpao]

You are my idol cody, amazing content 💖

[damjanstojanovski]

Hey guys a question, we are using R2 for file storage but the setup still requires s3 setup from aws. If we are using S3 setup why dont we just use S3 for all the process and skip the 'middle man'? Whats the benefit of using R2 with comparsion of S3 and vice versa? Danke :))

[Amankhan-cldq]

I just have one question - Why drizzle? Why not prisma? Why you always have to hope from one tech stack to another? Don't you think if you were using prisma then it would have saved you atleast 1 hour?

[hugh-ts]

Very clear and useful. But how do you run your migration? I got an error with node: packages when importing them from drizzle?