- 26
- 121 876
CodeBrew
Canada
เข้าร่วมเมื่อ 20 พ.ค. 2023
Just another Software Engineer trying to keep up with all the JS libraries coming out.
I also write articles to go with most of my videos. Check out the blog!
I also write articles to go with most of my videos. Check out the blog!
Can You EASILY Send Emails from Cloudflare Workers?
Curious about sending emails from Cloudflare Workers? Watch this tutorial to learn how to easily send good looking emails using Cloudflare Workers, resend and react email I was blown away by how easy it was to create emails with React and also using Hono for the API ... amazing combo. Wanted the focus of this video to be on getting started with sending those emails but let me know if you'd like a more in depth dive into just Resend itself.
#cloudflare #resend #reactemail #honojs
My Links
✍️ Blog: links.cdbrw.com/blog
🗄️ GitHub: links.cdbrw.com/github
🐦 Twitter: links.cdbrw.com/x
👨💻 Source code: links.cdbrw.com/cfw-email
Products I Use
🌐 My browser: links.cdbrw.com/browser
🎥 Recording software: links.cdbrw.com/recording
🎤 Microphone: links.cdbrw.com/mic
🦾 Microphone stand: links.cdbrw.com/mic-stand
00:00 Introduction
00:40 What is Resend?
01:58 What is React Email?
02:15 Setup
02:56 Package JSON
03:46 Env Variables
05:00 JSX Setup
05:17 First Basic Email
08:18 Simple React Email Template
09:57 Complex React Email Template
12:02 Deployment
13:23 Custom Email Domain
#cloudflare #resend #reactemail #honojs
My Links
✍️ Blog: links.cdbrw.com/blog
🗄️ GitHub: links.cdbrw.com/github
🐦 Twitter: links.cdbrw.com/x
👨💻 Source code: links.cdbrw.com/cfw-email
Products I Use
🌐 My browser: links.cdbrw.com/browser
🎥 Recording software: links.cdbrw.com/recording
🎤 Microphone: links.cdbrw.com/mic
🦾 Microphone stand: links.cdbrw.com/mic-stand
00:00 Introduction
00:40 What is Resend?
01:58 What is React Email?
02:15 Setup
02:56 Package JSON
03:46 Env Variables
05:00 JSX Setup
05:17 First Basic Email
08:18 Simple React Email Template
09:57 Complex React Email Template
12:02 Deployment
13:23 Custom Email Domain
มุมมอง: 582
วีดีโอ
How I Built My First SaaS - Next.js & more!
มุมมอง 1K21 วันที่ผ่านมา
Thumbnailer: links.cdbrw.com/thumbnailer Convex: convex.dev/c/codebrew Learn how I built my first SaaS (thumbnailer) using Next.js and more! If you're looking to create a SaaS startup, this video is for you. Watch to learn more about the process of building a SaaS business from scratch. If everyone is interested, I can make more videos on this topic. #nextjs #saas #startup My Socials ✍️ Blog: l...
What's New in July? - Dev News
มุมมอง 7Kหลายเดือนก่อน
The latest edition of updates I found interesting over the past month 👀. A lot happened in July, from new shadcn/ui components, to upstash qstash getting some nice updates, to hono, to gleam, to astro, prisma and a lot more! My Socials ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub: links.cdbrw.com/github 🐦 Twitter: links.cdbrw.com/x Products I Use 🌐 My browser: links.cdbrw.com/browser 🎥 Recording sof...
Create Your First Notification System - Next.js & more!
มุมมอง 3.3Kหลายเดือนก่อน
I realized I never actually build a realtime notification system and so that's what we're doing in this video. Implementing it all from scratch using Next.js 14, Tailwindcss, Shadcn/ui and Convex! Get real-time updates for your users and enhance their experience on your website! Check out Convex: convex.dev/c/codebrew #nextjs #shadcn #tailwindcss Links ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub: l...
Easiest Database Setup in Next.js With Drizzle ORM & Turso?
มุมมอง 1.5Kหลายเดือนก่อน
Setting up my favourite database tool (Drizzle ORM) with a Next.js 14 project and Turso. Querying from a server component, updating through server actions and more! Let me know what you'd like to see next! #nextjs #drizzleorm #turso My Socials ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub: links.cdbrw.com/github 🐦 Twitter: links.cdbrw.com/x Products I Use 🌐 My browser: links.cdbrw.com/browser 🎥 Recor...
The NEW Chart Library Everyone's Been Waiting For!
มุมมอง 1.3Kหลายเดือนก่อน
Shadcn has been adding so many cool new components to the UI library but this is by far the coolest one for me! #shadcn #nextjs14 My Socials ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub: links.cdbrw.com/github 🐦 Twitter: links.cdbrw.com/x Products I Use 🌐 My browser: links.cdbrw.com/browser 🎥 Recording software: links.cdbrw.com/recording 🎤 Microphone: links.cdbrw.com/mic 🦾 Microphone stand: links.cd...
What's New in June? - Dev News
มุมมอง 4.6K2 หลายเดือนก่อน
Wonder what updates you missed in June? From TypeScript, to Vercel and Next.js, to Supabase, to Astro and soooo much more! #codebrewreport #programming #devnews My Socials ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub: links.cdbrw.com/github 🐦 Twitter: links.cdbrw.com/x Products I Use 🌐 My browser: links.cdbrw.com/browser 🎥 Recording software: links.cdbrw.com/recording 🎤 Microphone: links.cdbrw.com/m...
A Cleaner API With Next.js?
มุมมอง 3.5K2 หลายเดือนก่อน
Was doing some digging with Next.js and came across this way of writing your API which I found interesting since it ties well into what we've been doing on the channel already. #nextjs14 #honojs My Socials ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub: links.cdbrw.com/github 🐦 Twitter: links.cdbrw.com/x Products I Use 🌐 My browser: links.cdbrw.com/browser 🎥 Recording software: links.cdbrw.com/recordi...
What's New in May? - Dev News
มุมมอง 5K3 หลายเดือนก่อน
Wonder what updates you missed in May? Hopefully this helps give a nice summary as A LOT has happened in May. From Vercel Ship, to React Router and Remix merging, to Hono 4.3.0, to the React compiler and so much more. Let me know what you'd want to see in the next month's video and what I might have missed! #codebrewreport #programming #devnews My Socials ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub...
Serverless Auth with Lucia Auth V3
มุมมอง 7K3 หลายเดือนก่อน
Lucia Auth - it's been popping up a lot recently. Super modular way of adding auth to your app. This time using Cloudflare Workers, Hono, Drizzle ORM and D1. Honestly, this was way easier than I was expecting to get working and deploy. Let me know if youd want to see other things like password reset flows, confirmation codes, OAuth etc. #luciaauth #cloudflare #drizzleorm My Socials ✍️ Blog: lin...
What's New in April? - Dev News
มุมมอง 11K4 หลายเดือนก่อน
I've wanted to start this series for a while now where I go over the updates I found interesting in a month as a summary for everyone. This is the first version, where we go over what's new in April ..... a LOT happened in April. From Bun 1.1, to React 19, to Node 22, to Supabase and Clerk Core 2 now being generally available, to a massive Linux backdoor hack, to the new Llama 3 LLM model and s...
What's NEW in React 19?
มุมมอง 1.4K4 หลายเดือนก่อน
React version 19 is finally in Beta, which means we now have a better sense of what will be in this major release. I wanted to walk through and explain all the changes so hopefully everyone is a bit more prepared and as excited as I am when we finally get a stable version. #reactjs #frontenddevelopment #nextjs React Docs: react.dev/blog/2024/04/25/react-19 My Socials ✍️ Blog: links.cdbrw.com/bl...
How I Built My Blog Using Astro & MDX
มุมมอง 2.5K4 หลายเดือนก่อน
Decided to move my blog from Medium to building my own using Astro and MDX then self hosting it using Cloudflare Pages! Wanted to make a short video walking everyone through the code and how the deploy process is. TLDR: Super simple! Let me know if you would be interested in a video doing a deeper dive into Astro and possibly Astro DB. #astro #mdx #cloudflare Cloudflare Workers Intro: th-cam.co...
Serverless With HTMX & Cloudflare Workers
มุมมอง 2.1K4 หลายเดือนก่อน
HTMX Cloudflare Workers - In the previous video we took a look at how to deploy a Bun Hono API using Cloudflare Workers and Cloudflare D1 but in this video I wanted to add a frontend to it all using HTMX. This is combining knowledge from two previous videos which I found really cool. Check out the links below if you're interested in learning more about Cloudflare Workers, HTMX or even deploying...
Turso First Impressions - Worth The Hype?
มุมมอง 7K5 หลายเดือนก่อน
Turso - an option of bringing SQLite databases to production via the edge. When it comes to scaling databases on the cloud or the edge, Postgres has been one of the most popular options out there. Turso is trying to change that. In this video I wanted to create a database on Turso, connect it with my Bun REST API, and interact with it using Drizzle ORM. All turned out to be a lot smoother than ...
Serverless API with Cloudflare Workers (Hono, D1 & Drizzle ORM)
มุมมอง 18K5 หลายเดือนก่อน
Serverless API with Cloudflare Workers (Hono, D1 & Drizzle ORM)
Vercel AI SDK - Chat GPT Clone with Next.js & more!
มุมมอง 2.3K6 หลายเดือนก่อน
Vercel AI SDK - Chat GPT Clone with Next.js & more!
Deploy a Bun API in Under 5 Minutes - Fly.io & Railway
มุมมอง 3.4K6 หลายเดือนก่อน
Deploy a Bun API in Under 5 Minutes - Fly.io & Railway
Can You Query a Database with ChatGPT?
มุมมอง 4786 หลายเดือนก่อน
Can You Query a Database with ChatGPT?
Get Started With HTMX Using Bun, Hono & more!
มุมมอง 8K7 หลายเดือนก่อน
Get Started With HTMX Using Bun, Hono & more!
Get Started With Drizzle ORM - Migrations, Queries & more!
มุมมอง 12K8 หลายเดือนก่อน
Get Started With Drizzle ORM - Migrations, Queries & more!
Create a Bun REST API With Elysia & Prisma
มุมมอง 14K8 หลายเดือนก่อน
Create a Bun REST API With Elysia & Prisma
React Conditional Rendering Explained in 5 Minutes
มุมมอง 1508 หลายเดือนก่อน
React Conditional Rendering Explained in 5 Minutes
Get Started With React Hooks in Under 10 Minutes | useState, useEffect & more!
มุมมอง 4449 หลายเดือนก่อน
Get Started With React Hooks in Under 10 Minutes | useState, useEffect & more!
Never Struggle With CSS Centering Again
มุมมอง 3889 หลายเดือนก่อน
Never Struggle With CSS Centering Again
It's incredible. How can we make it to be scheduled?
have you create unit testing use hono? I have struggle with it
Great. A Sveltekit example would be helpful as well.
I really want to dive into svelte and sveltekit. Maybe a full on video on it? 🙈
which theme is this?
Awesome video. Those you are struggling with db:migrate script. Update it with *npx tsx --env-file=.env ./db/migrate.ts*. Note: make sure to update your migrate file path
Thank you!!!!!
You deserve more views and subscribers! Keep it up
thanks 🥹
I'm already a subscriber but if I could - I would subscribe 10 more times!
ayyy thanks a lot 🙏
Your stuff is incredible. Always looking forward for your next video. Thank you!
thats amazing thanks so much 🙏
thank you
🙏
great video, thanks
glad you liked it! 🙌
Nice Video!!! Good to see the new website
thanks 🙏
That three-step upload process is called "pre-signed URL upload". It's useful so that you can generate the URL on the server, send it to the client, and allow users to upload files from the browser directly to your storage provider. This ensures you don't pay ingress/egress fees on your server to receive the images and send them to storage! Nice work by the way.
oh I never knew this was kind of like an industry standard but ive also not worked with file storage and uploads a whole lot. thanks for the info, will actually look into this a bit more!
Insane what you can build in a weekend. One huge feature could be integration with TH-cam community posts, because that's where a lot of people ask about their thumbnails. I don't know if TH-cam has an API to support this but the flow would be, you connect youtube via 0Auth, you create a test, you click a button, it creates a community post on youtube with thumbnails and a link to vote.
npm run db:generate This command is deprecated, please use updated 'generate' command (and a link) so you have to remove :sqlite (from generate:sqlite and up:sqlite) package.json and add "dialect": "sqlite", in drizzle.config.json
We'd love to see a video on Convex Auth! I personally need this for my next app :P
can definitely do this 👀 auth was surprisingly easy to set up. What took me a bit longer was figuring out how to work with it on server vs client components as things are a bit different between the two
Would be nice if the discover page was more like a feed you can scroll through. Really nice app though 👏
agreed i think the discover page has sooooooo much room for improvement. will try some different things out 👀
Let me know if there’s any specific features you’d like to see me add 🤔 I’m thinking the first think I want to tackle is allowing votes from people without an account
kindly tell the extension which is helping you to show error on the side of code.
Quality content
🙏🙏
You are the man man man. I like you man. I like you a lot. Your video is exactly what I need right now. Oh my eyes are full of tears. Thank you so much.
🥹🥹
great channel! keep goin
thanks 🙏
Astro class list existed from the very first version as I remember, but it did get some Twitter mention recently
oh that’s funny. no wonder i wasn’t able to find it in the release notes 😂 but yea their twitter is where i got it from
Middleware middleware
more middleware?
what updates did i miss? 👀
typescript-eslint v8 release, Node.js bug breaking npm
middleware middleware middleware
TOO MUCH MIDDLEWARE
5:45 "I just used ... To generate it" What did you use to generate the UI of the component ?
v0 from vercel
Convex seems nice, but i use firebase for easy realtime notifications in my applications. supabase also works fine. But i think convex has a future with the schema and other DX stuff that they are concentrating on.
and also for a notification system, i think socket which is the industry standard is an overkill and when you use serverless like vercel, you are better off using firebase to reduce your bandwidth
What browser are you using?
I have a link to it in the description 🫡
hey @cdbrw how to use integer instead of text for id in users table?? i didn't any doc for this
hey! if you scroll to the bottom of this page: lucia-auth.com/basics/users they have a section on how to change the type of the user id to a number will also be covering how to do this in a future video 👍
@@cdbrw thanks man!
Aboslute Beast, Since i have startred learning about cloudflare, i am just binge-watching your cloudflare content
This is awesome, thank you 🙏 have more cloudflare stuff on the way 😉
What extension allow auto complete in terminal?
i use warp terminal which comes with a lot of autocomplete features but if you just want suggestions and stuff with other terminals i’ve used amazon Q before 👀
I can't find the repository for the starting code
my bad, just added it 🙏
gnarly!!
Thanks!
AAAA MY FIRST SUPER THANKSSSS 🙏🙏
Cool! Is this open source?
are you looking just for the code of the blog app itself or something else?
Great video!
thanks 😁🙏
what is the name of the autocomplete in the terminal?
i think its called amazon Q
Exactly what I’m looking for but with qwik. However with next it also worth a try. Thanks
i’ve not heard of qwik before. how are you finding it?
Visual code studio theme? :)
it’s called vesper++ 🫡
Those charts look really clean!! 😍👀thanks for the tutorial!
no worries glad you found it useful 🙏