- Видео 921
- Просмотров 18 438 907
Web Dev Cody
США
Добавлен 22 апр 2012
This channel is a collection of various programming videos, tutorials, projects, talks, or anything software engineering and programming related. If you are new to coding and want to learn how to program or get a job in the industry, be sure to subscribe to my channel. There is a lot of great content on this channel to help you out in your coding goals.
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...
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
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
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
I'm now VPS red pilled (and protecting with CloudFlare)
Просмотров 31 тыс.2 месяца назад
I'm now VPS red pilled (and protecting with CloudFlare)
bro you glow up! wtf is your secret?
awesome as always - love live coding format
Thanks man
could you do the bidding in WebSocket somehow? cause i find it faster than a http request doesn't it or i'm delusional?
That’s an option for sure
Great video! Can you drop another convex tutorial por favor? Thanks
Yes one coming this month
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!
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.
You forgot the / in the knock url in the description
Thanks just fixed it
Crazy dude that you sharing this!! ❤
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.
Thanks for pointing that out.
how you we can deploy!??
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
👍👍👍
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
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)."
@@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.
Awesome!
I love it babe!!!! Good job!!!❤
he is amazing giving free content that we should pay for
thanks sexy
@@ricorico222 he is ❤️❤️
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.
How long it took you to make it? Was this the first try? Be honest.
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.
Can you please create just stock register app next. Js multiple roles admin and user
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
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 ❤️🩹
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
Project video from Cody on a Monday - week made 💪
Now this is the content I’m subscribed to this channel for
Someone deployed?
Looking forward to this 😀 👌
PostgreSQL is becoming popular nowadays and is being adopted by many organizations as well.
you are the best & beast cody 🎉
Im the first
Minimal much needed. Thank you.
why is it so expensive?
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).
Bro explained the entire enterprise software development process in 24 min 😅 🎉 Subscribing now ❤
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
Thanks Cody!
Hi cody can you upload an updated video on hosting a nextjs new created app on AWS with SST? Thanks!
Oohh nooo , are we going back to php again. I thought we closed that page ages ago 😂
You can’t kill it
@@WebDevCody I guess so 😄
Nice, react hook form make me anxious ahah
Excelente video. How much time to achieve this type of software up and running ? With a team of 10
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.
What extension are you using to display the errors on the editor?
That's "error lens" if I'm not wrong.
@jeromemarshall9248 Thanks, I'll check it out.
Error lens
Can you do a video about Dokploy , the alternative for vercel?
Beard's looking pretty good brother
Thanks man
You could use tanstack query with your actions to get pending and error states?
I don't use Nextjs. So...
But yet you still watched a video on nextjs 🧐
I also have been having trouble with automatic imports in a brand new next project.
Bro for real idk what’s going on but it’s killing me
just use @mantine/form with zod. its better
I usually don´t go for SaaS templates - but this one is beginning to look golden
It's early, but maybe also try out TanStack Form. It follows a more raw approach, which also brings way more flexibility.
For the red line issue, I think you can try switching the typescript to use workspace version instead of using vscode version.
Looks similar to using yup and formik.
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.
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.