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

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

5/20/2024
1

Description

Be sure to checkout the sponsor of this video https://knock.app/?utm_source=cody if you want a great way to easily setup notifications directly into your applications.

Code: https://github.com/webdevcody/bid-buddy

Timestamps:

My Products

🏗️ WDC StarterKit: https://wdcstarterkit.com

📖 ProjectPlannerAI: https://projectplannerai.com

🤖 IconGeneratorAI: https://icongeneratorai.com

📝 ThumbnailCritique: https://thumbnailcritique.com

Useful Links

💬 Discord: https://discord.gg/4kGbBaa

🔔 Newsletter: https://newsletter.webdevcody.com/

📁 GitHub: https://github.com/webdevcody

📺 Twitch: https://www.twitch.tv/webdevcody

🤖 Website: https://webdevcody.com

🐦 Twitter: https://twitter.com/webdevcody

Chapters

Overview
5:08
Next Setup
1:48
Docker Postgres Setup
2:25
Drizzle ORM
2:11
env-nextjs
2:33
Schema file
2:11
Drizzle kit
4:11
Drizzle Studio
0:58
Insert Bid
7:40
ShadCN
5:16
Next Auth
2:36
Google OAuth Setup
10:34
Prefix Tables
2:30
Manual SQL DROP
6:56
Header
4:04
Page Cleanup
4:51
Create Auction Page
11:31
R2 Image Storage
9:20
R2 Cars Setting
12:36
Auction Card
2:28
My Auctions
4:08
Empty State
4:27
Auction Page
27:02
Placing Bids
15:53
Data Layer
3:04
Notifications
11:04
Send Notifications
19:13
Customize Notifications
6:36
End Date
12:00
Email Notifications
7:09