CodeBrew
CodeBrew
  • 26
  • 121 876
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
มุมมอง: 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
Create Your First REST API With Bun
มุมมอง 4.4K8 หลายเดือนก่อน
Create Your First REST API With Bun
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

ความคิดเห็น

  • @reinhard_silaen
    @reinhard_silaen วันที่ผ่านมา

    It's incredible. How can we make it to be scheduled?

  • @IkromAuliaFahdi
    @IkromAuliaFahdi 4 วันที่ผ่านมา

    have you create unit testing use hono? I have struggle with it

  • @thedelanyo
    @thedelanyo 7 วันที่ผ่านมา

    Great. A Sveltekit example would be helpful as well.

    • @cdbrw
      @cdbrw 7 วันที่ผ่านมา

      I really want to dive into svelte and sveltekit. Maybe a full on video on it? 🙈

  • @尀
    @尀 8 วันที่ผ่านมา

    which theme is this?

  • @artocks
    @artocks 8 วันที่ผ่านมา

    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

  • @engineer-gf4lj
    @engineer-gf4lj 9 วันที่ผ่านมา

    Thank you!!!!!

  • @Badcakee
    @Badcakee 9 วันที่ผ่านมา

    You deserve more views and subscribers! Keep it up

    • @cdbrw
      @cdbrw 9 วันที่ผ่านมา

      thanks 🥹

  • @deliriumcode
    @deliriumcode 9 วันที่ผ่านมา

    I'm already a subscriber but if I could - I would subscribe 10 more times!

    • @cdbrw
      @cdbrw 9 วันที่ผ่านมา

      ayyy thanks a lot 🙏

  • @AsyncDpp
    @AsyncDpp 9 วันที่ผ่านมา

    Your stuff is incredible. Always looking forward for your next video. Thank you!

    • @cdbrw
      @cdbrw 9 วันที่ผ่านมา

      thats amazing thanks so much 🙏

  • @2u841r
    @2u841r 9 วันที่ผ่านมา

    thank you

    • @cdbrw
      @cdbrw 9 วันที่ผ่านมา

      🙏

  • @remotefarm4577
    @remotefarm4577 9 วันที่ผ่านมา

    great video, thanks

    • @cdbrw
      @cdbrw 9 วันที่ผ่านมา

      glad you liked it! 🙌

  • @hyunbinpark3382
    @hyunbinpark3382 19 วันที่ผ่านมา

    Nice Video!!! Good to see the new website

    • @cdbrw
      @cdbrw 19 วันที่ผ่านมา

      thanks 🙏

  • @pvaqueiroz
    @pvaqueiroz 20 วันที่ผ่านมา

    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.

    • @cdbrw
      @cdbrw 19 วันที่ผ่านมา

      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!

  • @wlockuz4467
    @wlockuz4467 20 วันที่ผ่านมา

    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.

  • @2u841r
    @2u841r 21 วันที่ผ่านมา

    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

  • @c4346
    @c4346 21 วันที่ผ่านมา

    We'd love to see a video on Convex Auth! I personally need this for my next app :P

    • @cdbrw
      @cdbrw 20 วันที่ผ่านมา

      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

  • @engineer-gf4lj
    @engineer-gf4lj 21 วันที่ผ่านมา

    Would be nice if the discover page was more like a feed you can scroll through. Really nice app though 👏

    • @cdbrw
      @cdbrw 21 วันที่ผ่านมา

      agreed i think the discover page has sooooooo much room for improvement. will try some different things out 👀

  • @cdbrw
    @cdbrw 21 วันที่ผ่านมา

    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

  • @ApoorvKhandelwal
    @ApoorvKhandelwal 25 วันที่ผ่านมา

    kindly tell the extension which is helping you to show error on the side of code.

  • @sonned9843
    @sonned9843 หลายเดือนก่อน

    Quality content

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      🙏🙏

  • @yuhapps6758
    @yuhapps6758 หลายเดือนก่อน

    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.

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      🥹🥹

  • @popel_
    @popel_ หลายเดือนก่อน

    great channel! keep goin

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      thanks 🙏

  • @JLarky
    @JLarky หลายเดือนก่อน

    Astro class list existed from the very first version as I remember, but it did get some Twitter mention recently

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      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

  • @nicholashendrata
    @nicholashendrata หลายเดือนก่อน

    Middleware middleware

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      more middleware?

  • @cdbrw
    @cdbrw หลายเดือนก่อน

    what updates did i miss? 👀

    • @vpetryniak
      @vpetryniak หลายเดือนก่อน

      typescript-eslint v8 release, Node.js bug breaking npm

  • @technoM4niac
    @technoM4niac หลายเดือนก่อน

    middleware middleware middleware

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      TOO MUCH MIDDLEWARE

  • @NovaWave
    @NovaWave หลายเดือนก่อน

    5:45 "I just used ... To generate it" What did you use to generate the UI of the component ?

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      v0 from vercel

  • @jessequartey
    @jessequartey หลายเดือนก่อน

    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.

    • @jessequartey
      @jessequartey หลายเดือนก่อน

      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

  • @livetowin-pj7yl
    @livetowin-pj7yl หลายเดือนก่อน

    What browser are you using?

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      I have a link to it in the description 🫡

  • @sujjee
    @sujjee หลายเดือนก่อน

    hey @cdbrw how to use integer instead of text for id in users table?? i didn't any doc for this

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      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 👍

    • @sujjee
      @sujjee หลายเดือนก่อน

      @@cdbrw thanks man!

  • @AbdulRaheem-ci8nu
    @AbdulRaheem-ci8nu หลายเดือนก่อน

    Aboslute Beast, Since i have startred learning about cloudflare, i am just binge-watching your cloudflare content

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      This is awesome, thank you 🙏 have more cloudflare stuff on the way 😉

  • @mohamedGado3
    @mohamedGado3 หลายเดือนก่อน

    What extension allow auto complete in terminal?

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      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 👀

  • @engineer-gf4lj
    @engineer-gf4lj หลายเดือนก่อน

    I can't find the repository for the starting code

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      my bad, just added it 🙏

  • @technoM4niac
    @technoM4niac หลายเดือนก่อน

    gnarly!!

  • @technoM4niac
    @technoM4niac หลายเดือนก่อน

    Thanks!

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      AAAA MY FIRST SUPER THANKSSSS 🙏🙏

  • @zubairimtiaz6628
    @zubairimtiaz6628 หลายเดือนก่อน

    Cool! Is this open source?

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      are you looking just for the code of the blog app itself or something else?

  • @notrab
    @notrab หลายเดือนก่อน

    Great video!

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      thanks 😁🙏

  • @ivan1401
    @ivan1401 หลายเดือนก่อน

    what is the name of the autocomplete in the terminal?

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      i think its called amazon Q

  • @nocturno7887
    @nocturno7887 หลายเดือนก่อน

    Exactly what I’m looking for but with qwik. However with next it also worth a try. Thanks

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      i’ve not heard of qwik before. how are you finding it?

  • @karimartikainen1
    @karimartikainen1 หลายเดือนก่อน

    Visual code studio theme? :)

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      it’s called vesper++ 🫡

  • @juliorivas9263
    @juliorivas9263 หลายเดือนก่อน

    Those charts look really clean!! 😍👀thanks for the tutorial!

    • @cdbrw
      @cdbrw หลายเดือนก่อน

      no worries glad you found it useful 🙏