Web Dev Cody
Web Dev Cody
  • Видео 921
  • Просмотров 18 438 907
Build an Online Auction App with Notifications (Next.js, Shadcn, Typescript, Drizzle ORM)
Be sure to checkout the sponsor of this video knock.app/? if you want a great way to easily setup notifications directly into your applications.
Code: github.com/webdevcody/bid-buddy
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 Placin...
Просмотров: 3 261

Видео

This is the next.js form validation library you need to try out
Просмотров 6 тыс.2 часа назад
My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webdevcody
How to upload images to CloudFlare R2 in Next.js
Просмотров 2,5 тыс.4 часа назад
My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webdevcody
Goodbye Nextra
Просмотров 5 тыс.7 часов назад
checkout github.com/fuma-nama/fumadocs My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: t...
My biggest complaint about Next.js middleware
Просмотров 5 тыс.9 часов назад
My biggest complaint about Next.js middleware
Trying to add refresh token logic in next-auth
Просмотров 6 тыс.День назад
no lie, next-auth kind of sucks some links to read authjs.dev/guides/refresh-token-rotation github.com/nextauthjs/next-auth-refresh-token-example My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.co...
How I setup role based authorization Next Auth
Просмотров 8 тыс.День назад
My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webdevcody
How I rate limit without third party services
Просмотров 11 тыс.День назад
btw, this rate limiting is built into my starter kit, check it out wdcstarterkit.com My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/we...
My best advice for finishing projects
Просмотров 13 тыс.День назад
youtube.com/@anthonygg_ My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webd...
I'm definitely using this library for all server actions now
Просмотров 15 тыс.14 дней назад
My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webdevcody
Adding a create group page to my starter kit (trying out next-safe-action)
Просмотров 3,5 тыс.14 дней назад
My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webdevcody
How database migrations work when using Drizzle ORM
Просмотров 4,4 тыс.14 дней назад
My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webdevcody
Adding documentation to your Next.js application is easier than you think
Просмотров 7 тыс.14 дней назад
My Products 🏗️ WDC StarterKit: wdcstarterkit.com ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webdevcody
How to create conditional headers in nextjs
Просмотров 5 тыс.14 дней назад
My Products ProjectPlannerAI: projectplannerai.com IconGeneratorAI: icongeneratorai.com 📝 ThumbnailCritique: thumbnailcritique.com Useful Links 💬 Discord: discord.gg/4kGbBaa 🔔 Newsletter: newsletter.webdevcody.com/ 📁 GitHub: github.com/webdevcody 📺 Twitch: www.twitch.tv/webdevcody Website: webdevcody.com 🐦 Twitter: webdevcody
How to paywall 💰 a private github repo
Просмотров 6 тыс.14 дней назад
How to paywall 💰 a private github repo
Next.js MDX is pretty awesome
Просмотров 8 тыс.21 день назад
Next.js MDX is pretty awesome
How I implemented drag and drop for re-ordering lists in Next.js
Просмотров 8 тыс.21 день назад
How I implemented drag and drop for re-ordering lists in Next.js
Writing Cron Jobs Just Became Fun Again
Просмотров 10 тыс.21 день назад
Writing Cron Jobs Just Became Fun Again
No GPT4 subscription? Try this alternative GPT interface
Просмотров 8 тыс.21 день назад
No GPT4 subscription? Try this alternative GPT interface
The coolest Next.js feature I haven't used until now
Просмотров 13 тыс.28 дней назад
The coolest Next.js feature I haven't used until now
This might be the most configurable rich text editor for next.js
Просмотров 11 тыс.28 дней назад
This might be the most configurable rich text editor for next.js
This MacOS app makes coding on my laptop fun again!
Просмотров 10 тыс.Месяц назад
This MacOS app makes coding on my laptop fun again!
Stop using typescript env variables wrong
Просмотров 10 тыс.Месяц назад
Stop using typescript env variables wrong
This tool makes self hosting simple
Просмотров 50 тыс.Месяц назад
This tool makes self hosting simple
Web creation platforms are better than I thought
Просмотров 6 тыс.Месяц назад
Web creation platforms are better than I thought
This is why you need infrastructure as code tooling (Terraform with AWS provider overview)
Просмотров 12 тыс.Месяц назад
This is why you need infrastructure as code tooling (Terraform with AWS provider overview)
My favorite component library is unstoppable
Просмотров 20 тыс.Месяц назад
My favorite component library is unstoppable
We added a feedback API to our application
Просмотров 8 тыс.Месяц назад
We added a feedback API to our application
Cloudflare tunnels are pretty cool
Просмотров 25 тыс.Месяц назад
Cloudflare tunnels are pretty cool
I'm now VPS red pilled (and protecting with CloudFlare)
Просмотров 31 тыс.2 месяца назад
I'm now VPS red pilled (and protecting with CloudFlare)

Комментарии

  • @Astrelune
    @Astrelune 34 минуты назад

    bro you glow up! wtf is your secret?

  • @mikoajurbanski9662
    @mikoajurbanski9662 Час назад

    awesome as always - love live coding format

  • @muhammadrasul1581
    @muhammadrasul1581 Час назад

    could you do the bidding in WebSocket somehow? cause i find it faster than a http request doesn't it or i'm delusional?

    • @WebDevCody
      @WebDevCody Час назад

      That’s an option for sure

  • @MrArod1207
    @MrArod1207 2 часа назад

    Great video! Can you drop another convex tutorial por favor? Thanks

    • @WebDevCody
      @WebDevCody Час назад

      Yes one coming this month

  • @pedromeneses8658
    @pedromeneses8658 2 часа назад

    Good to see Laravel here!! You should start first with standard laravel just to understand the basics of it and then move on to livewire, i think it helps a bit in terms of knowing what to do in certain ocasions. Livewire with volt is a mess imo, i watch people on it and my thought is i'd rather go to react than have to handle with so many bugs and thoughts xD Happy coding!

  • @patricks2577
    @patricks2577 2 часа назад

    I really enjoyed using Convex, but it seems there is so much more great drizzle/postgres tuts it seems to make more sense to focus on that stack.

  • @Gursheys
    @Gursheys 2 часа назад

    You forgot the / in the knock url in the description

  • @gold-junge91
    @gold-junge91 3 часа назад

    Crazy dude that you sharing this!! ❤

  • @ranadenish
    @ranadenish 4 часа назад

    In the sponsor link, youtube is not considering link after "?", so utm marketing link is not working! You might want to use link shortner. Btw, thanks for the video.

    • @WebDevCody
      @WebDevCody 4 часа назад

      Thanks for pointing that out.

  • @waeltarabishi6890
    @waeltarabishi6890 4 часа назад

    how you we can deploy!??

    • @WebDevCody
      @WebDevCody 4 часа назад

      Use supabase to get a free Postgres database, point vercel to your repo, setup your env variables, run your db push against your Postgres db to setup tables

    • @waeltarabishi6890
      @waeltarabishi6890 3 часа назад

      👍👍👍

  • @Wundero
    @Wundero 6 часов назад

    You should censor your cloudflare access info, dont want someone to spam you with invalid put requests. The account id would be ideal to hide imo

    • @WebDevCody
      @WebDevCody 5 часов назад

      I don't think cloudflare has that same issue that S3 has do they? From their FAQ R2 Docs "You are not charged for operations when the caller does not have permission to make the request (HTTP 401 Unauthorized response status code)."

    • @Wundero
      @Wundero 5 часов назад

      @@WebDevCody That's good to hear - I'm still not a fan of sharing secrets (like the API key) or account ids, but at least it probably won't affect your other buckets and/or charge you money.

  • @randomforest_dev
    @randomforest_dev 6 часов назад

    Awesome!

  • @SeibertSwirl
    @SeibertSwirl 6 часов назад

    I love it babe!!!! Good job!!!❤

    • @ricorico222
      @ricorico222 6 часов назад

      he is amazing giving free content that we should pay for

    • @WebDevCody
      @WebDevCody 5 часов назад

      thanks sexy

    • @SeibertSwirl
      @SeibertSwirl 5 часов назад

      @@ricorico222 he is ❤️❤️

  • @anixsharma7237
    @anixsharma7237 6 часов назад

    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.

  • @gurvirbaraich
    @gurvirbaraich 6 часов назад

    How long it took you to make it? Was this the first try? Be honest.

    • @WebDevCody
      @WebDevCody 5 часов назад

      I mean I typically just record myself live coding / building this from scratch then I go back and clip out the parts I messed up.

  • @Yahya_Umar
    @Yahya_Umar 7 часов назад

    Can you please create just stock register app next. Js multiple roles admin and user

  • @mukulnamagiri8160
    @mukulnamagiri8160 7 часов назад

    Well it works very well if it's just 2 or 3 people but if you have multiple people building things i think it would be hard I guess good plan goes a long way

  • @yugaank100
    @yugaank100 7 часов назад

    I’ve watched tutorials from you, josh, antonio and I’m at a point where I can make all this stuff on my own. So thank you for putting out such high quality content for free. Couldn’t thank you enough ❤️‍🩹

  • @Aman_yadav1419
    @Aman_yadav1419 7 часов назад

    I have a project idea.. But not having proper knowledge and confidence of building project... Can I share you my idea so that you can create project with some improvements and more features

  • @ianfrye8988
    @ianfrye8988 7 часов назад

    Project video from Cody on a Monday - week made 💪

  • @cafecafeo
    @cafecafeo 7 часов назад

    Now this is the content I’m subscribed to this channel for

  • @muhammaduseram9405
    @muhammaduseram9405 7 часов назад

    Someone deployed?

  • @Tanner-cz4bd
    @Tanner-cz4bd 7 часов назад

    Looking forward to this 😀 👌

  • @rohithgoud30
    @rohithgoud30 7 часов назад

    PostgreSQL is becoming popular nowadays and is being adopted by many organizations as well.

  • @ManoharMaharshi
    @ManoharMaharshi 7 часов назад

    you are the best & beast cody 🎉

  • @dhanarajccs
    @dhanarajccs 7 часов назад

    Im the first

  • @Vimal-tr3tl
    @Vimal-tr3tl 8 часов назад

    Minimal much needed. Thank you.

  • @ioannisme7495
    @ioannisme7495 8 часов назад

    why is it so expensive?

  • @andrejbinovsky1070
    @andrejbinovsky1070 11 часов назад

    Hey, what about the token server cookie store (__Secure-authjs.session-token). If I am right, the original one (from authorization func) is taken when the page is hard reload (in your case, because you dont update it).

  • @helloworld99322
    @helloworld99322 12 часов назад

    Bro explained the entire enterprise software development process in 24 min 😅 🎉 Subscribing now ❤

  • @dominuskelvin
    @dominuskelvin 15 часов назад

    Hey I’ve seen folks moves from Next to The Boring JavaScript Stack and loved it. Give it a try and let me know. We support good ol session auth out of the box

  • @jd_27
    @jd_27 17 часов назад

    Thanks Cody!

  • @AyoubNachat-wm4no
    @AyoubNachat-wm4no 21 час назад

    Hi cody can you upload an updated video on hosting a nextjs new created app on AWS with SST? Thanks!

  •  21 час назад

    Oohh nooo , are we going back to php again. I thought we closed that page ages ago 😂

    • @WebDevCody
      @WebDevCody 20 часов назад

      You can’t kill it

    •  11 часов назад

      @@WebDevCody I guess so 😄

  • @diego0ji
    @diego0ji 22 часа назад

    Nice, react hook form make me anxious ahah

  • @Iroderus
    @Iroderus День назад

    Excelente video. How much time to achieve this type of software up and running ? With a team of 10

  • @WebDevCodeCrush
    @WebDevCodeCrush День назад

    Nice, we’ll take a look. My goto is react hook form. You’re right, it does take a lot to get a simple form running, but it is what it is. Coming from my php days it’s all good though.

  • @gilbertigwegbe9481
    @gilbertigwegbe9481 День назад

    What extension are you using to display the errors on the editor?

  • @a2zcourse
    @a2zcourse День назад

    Can you do a video about Dokploy , the alternative for vercel?

  • @guinea_horn
    @guinea_horn День назад

    Beard's looking pretty good brother

  • @user-vd3ph6zh8q
    @user-vd3ph6zh8q День назад

    You could use tanstack query with your actions to get pending and error states?

  • @LarsRyeJeppesen
    @LarsRyeJeppesen День назад

    I don't use Nextjs. So...

    • @WebDevCody
      @WebDevCody День назад

      But yet you still watched a video on nextjs 🧐

  • @Tyheir
    @Tyheir День назад

    I also have been having trouble with automatic imports in a brand new next project.

    • @WebDevCody
      @WebDevCody День назад

      Bro for real idk what’s going on but it’s killing me

  • @KhalidKhan-xq5xp
    @KhalidKhan-xq5xp День назад

    just use @mantine/form with zod. its better

  • @roberth8737
    @roberth8737 День назад

    I usually don´t go for SaaS templates - but this one is beginning to look golden

  • @real-oppenheimer
    @real-oppenheimer День назад

    It's early, but maybe also try out TanStack Form. It follows a more raw approach, which also brings way more flexibility.

  • @qudusayo
    @qudusayo День назад

    For the red line issue, I think you can try switching the typescript to use workspace version instead of using vscode version.

  • @qudusayo
    @qudusayo День назад

    Looks similar to using yup and formik.

  • @lesterdelacruz5088
    @lesterdelacruz5088 День назад

    Been doing it for 1 year now in a team that uses Vuejs. I still prefer React by a long shot. Just my personal opinion, certainly people's experience will vary. It's preference nothing more to it than that.

  • @kyrregjerstad
    @kyrregjerstad День назад

    This looks really cool! I've been using shadcn forms for the last couple of months and there's just sooo much code for even a simple register form... Coming from a sveltekit world where superform is a thing, this seems like a good contender.