- Видео 29
- Просмотров 156 543
CodeBrew
Канада
Добавлен 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!
What's New in October? - Dev News
Check out Twingate: www.twingate.com/?
October was a very busy month in terms of updates. From nextjs 15, to lucia auth getting deprecated, to svelte 5, a new shadcn/ui component and sooooo much more!
#codebrewreport #programming #devnews
🔗 shadcn/ui sidebar: ruclips.net/video/HqT2qeV8tjs/видео.html
🔗 lucia auth deprecation: ruclips.net/video/cki2_GGJfbU/видео.html
My Links
✍️ 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.cdbrw.com/mic-stand
🧱 Prisma ORM: links.cdbrw.com/prisma
October was a very busy month in terms of updates. From nextjs 15, to lucia auth getting deprecated, to svelte 5, a new shadcn/ui component and sooooo much more!
#codebrewreport #programming #devnews
🔗 shadcn/ui sidebar: ruclips.net/video/HqT2qeV8tjs/видео.html
🔗 lucia auth deprecation: ruclips.net/video/cki2_GGJfbU/видео.html
My Links
✍️ 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.cdbrw.com/mic-stand
🧱 Prisma ORM: links.cdbrw.com/prisma
Просмотров: 3 119
Видео
Newest Shadcn UI Component is HERE! - Sidebar
Просмотров 8 тыс.Месяц назад
shadcn cooked again with this new sidebar! this new ui component is honestly amazing and will save me so much time. just played around with it in this video and i love how easy it is to get it set up. it folds too! definitely check this out. #shadcn #nextjs My Links ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub: links.cdbrw.com/github 🐦 Twitter: links.cdbrw.com/x Products I Use 🌐 My browser: links.cd...
Lucia Auth is Getting Deprecated - What now?
Просмотров 1,6 тыс.Месяц назад
I had big plans for lucia auth content but it is now being deprecated ... kind of? You can migrate off of it while still retaining the same feel. In this video I just cover options and what comes next in terms of migrating and authentication options. Welcome to the JS ecosystem ... 😂 github thread: github.com/lucia-auth/lucia/discussions/1707 My Links ✍️ Blog: links.cdbrw.com/blog 🗄️ GitHub: li...
EASILY Send Emails from Cloudflare Workers - Hono, Resend & more!
Просмотров 1,8 тыс.2 месяца назад
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...
How I Built My First SaaS - Next.js & more!
Просмотров 1,5 тыс.3 месяца назад
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
Просмотров 7 тыс.3 месяца назад
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!
Просмотров 4,5 тыс.4 месяца назад
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?
Просмотров 2,3 тыс.4 месяца назад
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,3 тыс.4 месяца назад
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,6 тыс.4 месяца назад
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,7 тыс.5 месяцев назад
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
Просмотров 5 тыс.5 месяцев назад
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
Просмотров 9 тыс.6 месяцев назад
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
Просмотров 11 тыс.6 месяцев назад
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,4 тыс.6 месяцев назад
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
Просмотров 4 тыс.7 месяцев назад
How I Built My Blog Using Astro & MDX
Serverless With HTMX & Cloudflare Workers
Просмотров 2,7 тыс.7 месяцев назад
Serverless With HTMX & Cloudflare Workers
Turso First Impressions - Worth The Hype?
Просмотров 10 тыс.7 месяцев назад
Turso First Impressions - Worth The Hype?
Serverless API with Cloudflare Workers (Hono, D1 & Drizzle ORM)
Просмотров 24 тыс.8 месяцев назад
Serverless API with Cloudflare Workers (Hono, D1 & Drizzle ORM)
Vercel AI SDK - Chat GPT Clone with Next.js & more!
Просмотров 2,6 тыс.8 месяцев назад
Vercel AI SDK - Chat GPT Clone with Next.js & more!
Deploy a Bun API in Under 5 Minutes - Fly.io & Railway
Просмотров 4,4 тыс.8 месяцев назад
Deploy a Bun API in Under 5 Minutes - Fly.io & Railway
Can You Query a Database with ChatGPT?
Просмотров 5069 месяцев назад
Can You Query a Database with ChatGPT?
Get Started With HTMX Using Bun, Hono & more!
Просмотров 8 тыс.9 месяцев назад
Get Started With HTMX Using Bun, Hono & more!
Get Started With Drizzle ORM - Migrations, Queries & more!
Просмотров 13 тыс.10 месяцев назад
Get Started With Drizzle ORM - Migrations, Queries & more!
Create a Bun REST API With Elysia & Prisma
Просмотров 16 тыс.10 месяцев назад
Create a Bun REST API With Elysia & Prisma
React Conditional Rendering Explained in 5 Minutes
Просмотров 15711 месяцев назад
React Conditional Rendering Explained in 5 Minutes
Create Your First REST API With Bun
Просмотров 4,9 тыс.11 месяцев назад
Create Your First REST API With Bun
Get Started With React Hooks in Under 10 Minutes | useState, useEffect & more!
Просмотров 45311 месяцев назад
Get Started With React Hooks in Under 10 Minutes | useState, useEffect & more!
Never Struggle With CSS Centering Again
Просмотров 398Год назад
Never Struggle With CSS Centering Again
I didn't know you could use drizzle for cloudflare. This makes things really easier. Thanks!
how do you make your terminal autocomplete?
I want to use that notification but with user and admin can you make a tutorial?
By any chance will you upload more material with bun, hono and cloudflare worker? the material is very good
Can Supabase do what Convex does in terms of rendering real time notifications? Why did you choose to use Convex?
How do you put data in session now?
Next.js 15 is 🔥
Thanks for the great content! just maybe reconsider the movement, its quite disorienting.
love this pace and the stuff you're covering. subbed
thanks 🙏
Bestober 🤩
So glad I discovered your channel, you rock! youtube algorithm is a blessing
algorithm doing its magic 😤
Thanks, I hope you can upload more Cloudflare material with Hono and bun, see if you add r2 and other services to learn, I leave like and sub to be aware.
wow
Thank you so much
So any one has fixed his code :p ?
good news
Dejo like , gracias compa , estaré siguiendo tu canal ,,espero mas material asi , me gusta como funciona todo este entorno , podrias mostrar como subir archivos etc ?
I dont know why the page.tsx is not expanding thru all the page
<SidebarProvider> <AppSidebar /> <main className="w-full"> {/* <SidebarTrigger /> */} <Navbar /> {children} </main> </SidebarProvider> this is working
This library has been around for like two years and it still doesn't offer a good date picker, no way to select month or year.
Make a PR
@@anguswetty I tried, he closed it arguing that it wasn't important
Which one did you used for month or year ?
@@Aravindarvy I made my own, using react date picker as a base
Try better-auth ❤
What about migrations in a CD pipeline? Handle the migrations manually with " bunx wrangler d1 execute <DB_NAME> --remote file=<ROUTE_MIGRATION> " does not seem to be the best approach. And the command provided by drizzle to apply migrations doesnt work because it doesnt use a DATABASE_URL variable.
I don't understand why you waste so much time trying to generate a dashboard with v0 when the goal of this video is to show off the new sidebar component. The docs already have a step by step tutorial to setup your sidebar! Why not just showcase and follow that? The dashboard section has no impact and is not needed to showcase the sidebar. Spending time on generating It and fixing the errors caused by it is a completely unnecessary part of the video and I feel like you just wasted my time, and it feels like you spent more time on the v0 dashboard than the sidebar. at least use a dashboard or page you made before-hand so you can actually focus on showing how to use the main component and not something else. It's easy to tell this video was rushed (maybe to be one of the first videos covering this new component), but I hope you take this as constructive criticism. I subscribed because of your monthly dev news videos which are really cool and useful, but more of these lazy videos would make me want to unsubscribe. Hope you're able to improve on your next video!
your first problem is watching someone babble on a youtube video when you can just read the docs in 2 minutes xD
i appreciate the feedback! my goal with these videos is different than the monthly dev updates. these arent meant to be as short and concise. i thought integrating v0 into it would be cool for two reasons: im able to work with a more complete page so it looks better and v0 is very much integrated with all shadcn components so i felt it was actually a good detail to add to the video that the sidebar component isnt actually used there yet. totally agree with you there tho, looking back at it probably wouldve been a lot smoother to just have a page prepared beforehand. i wanted the coding part to be a lot more just me almost "live coding" and figuring it out on the spot which i think some people would be interested in but yea, i can definitely see how it came across as rushed so will spend more time on setup next time 🫡
thanks it saves a lot of time
awesome video 🔥
thanks 🔥
Unrelated note but how is your mouse cursor movement so smooth?
it’s the recording software i use. i have a link to it in the description
just when i was migrating all my apps to lucia :/
itll be a bit more effort but you can still just roll your own
u should make ur own auth package
too much work and responsibility 😂
Make a video on astro 😊
astro videos are in the works 🫡 anything specific you’re looking for?
@@cdbrwmaybe a custom CMS with CRUD ops using turso/astrodb/d1 as db, admin login, image uploads locally and cloudy (R2?) and a wysiwyg or markdown text editor. I know that its easier to simply use a CMS and fetch the data but... Why not?? Just playing hehe
@@cdbrw I am buildin also in Astro - main pain point is Auth since I use it to control access to some courses I have, but the rest is public. Tried Clerk and have achieved what I want, but would love to see other auth solutions like Supabase etc.
It’s not even good…so not surprised.
i think it’ll be a good learning resource. just hope the docs for it will be decently detailed
Great content man thank you a lot for sharing your honest exprienses with this techonologies!!
glad you found it useful 🤪
Which database extension are you using to connect sqlite file?
Bro reading my mind, I had questions in my head and every time one popped, this absolute chad replied a second later I love you
Awesome video. Thank you. I have a question. For every end point, i am create drizzle object. drizzle(c.env.DB). Is there any way to create drizzle object only at one place and reuse?
Hello can anyone please answer this, when i run npm create cloudflare --name and i select cloudflare workers , typescript, deploy no and when i go to vs code and run npm run dev it throws error errono -4095 i done everything uninstall Wrangler, install it again but it just doesn't work how can resolve this if anyone help
Can you share your github codes?
Any plans on doing cloudflare R2 integration?
yup, would like to make a video on it at some point!
Why not share your blog's source code? I know it's solely up to you, but it'd be great
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
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!
Was looking for someone to explain this, somewhere, somehow, on RUclips. Theo has his UploadThing product and he often says “pre signed URLs” and that the client actually does the upload, not the server. So, I was so confused on what that meant and how it worked. Gold mine comment!