์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Supabase
2024. 8. 23.
To celebrate Resend's Launch Week[0], here a quick tutorial on how to customize your Supabase Auth Emails using Resend, React Email[1], and Auth Hooks! - Read the Resend announcement: https://resend.com/blog/react-email-3 - Read the docs: https://supabase.link/send-email-hook-resend - Find the code: https://supabase.link/react-email-gh CHAPTERS: 00:00 Intro 00:10 Resend Launch Week Forward 00:23 Supabase Auth Email Hooks 00:35 Custom Emails with React Email 00:50 Use React Email in Supabase Edge Functions 02:11 Use Resend in Supabase Edge Functions 03:45 Configure a Supabase Auth Email Hook 05:55 Or use the Supabase Resend Integration ๐ป Videos to watch next: โถ https://youtu.be/51vzcGEmjRI โถ https://youtu.be/Qf7XvL1fjvo โถ https://youtu.be/7HNJLUMV_TY ๐ Learn more about Supabase ๐ ๐ธ Website: https://supabase.com/ ๐ Get started: https://app.supabase.com/ ๐ Docs: https://supabase.com/docs ๐ Subscribe for more tutorials and feature updates from Supabase: https://www.youtube.com/channel/UCNTVzV1InxHV-YR0fSajqPQ?sub_confirmation=1 ๐ฑ Connect with Us: ๐ Github: https://www.github.com/supabase ๐ฌ Discord: https://discord.supabase.com/ ๐ฆ Twitter: https://www.twitter.com/supabase/ โถ Instagram (follow for memes): https://www.instagram.com/supabasecom/ ABOUT SUPABASE: Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs. Build in a weekend, scale to millions. #Supabase #AppDevelopment #RealtimeApps #DeveloperTools #Auth #email #resend
์ฌ๋ฌ๋ถ, ๋ด ๋ชฉ์๋ฆฌ๋ก ๋ ธ๋๋ฅผ ์๋ฒฝํ๊ฒ ๋ง๋ค์ด์ค ์ ์๋ค๋ฉด ์ผ๋ง๋ ์ข์๊น์? ์ค๋์ ์ ๋ธ์ ๊ฟ์ ํ์ค๋ก ๋ง๋ค์ด์ค ํน๋ณํ AI๋ฅผ ์๊ฐ์์ผ ๋๋ฆด๊ฒ์. ๋ฐ๋ก SUNO AI์ COVERS ๊ธฐ๋ฅ์ธ๋ฐ์. ์ด ๊ธฐ๋ฅ์ ๋ด ๋ธ์ด ์ข์ํ๋ ๋ ธ๋๋ฅผ ์ง์ ๋ถ๋ฌ๋ณด๊ณ SUNO AI๊ฐ ๋ง๋ฒ์ฒ๋ผ ์๋ฒฝํ ๋ ธ๋๋ก ๋ง๋ค์ด์ค๋๋ค. ์ ๊ฐ ๋ธ์ ๋ชฉ์๋ฆฌ๋ฅผ ์ฌ๊ธฐ๋ค๊ฐ ๋ น์์ ํ๊ณ ์. ์ด๊ฑฐ๋ฅผ ์ ๋ก๋๋ฅผ ํด๋ณด๊ฒ ์ต๋๋ค. ๋ธ ๋ชฉ์๋ฆฌ ๋ น์ํ ๊ฑธ ๋ค์ด๋ณด๊ฒ ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ฌ๊ธฐ EXTEND์ ๋๋ฅธ ๋ค์์ ์ฌ๊ธฐ์๋ค๊ฐ ๊ฐ์ฌ๋ฅผ ๋ถ์ฌ ๋ฃ๊ฒ ์ต๋๋ค. ์ฌ๋ฌ๋ถ๋ ์์ด๋ค๊ณผ ํจ๊ป SUNO AI COVERS๋ฅผ ํ์ฉํด์ ์ฌ๋ฏธ์๋ ๋ ธ๋๋ฅผ ํ๋ฒ ๋ง๋ค์ด ๋ณด์๊ธฐ ๋ฐ๋๋๋ค
2024. 9. 17.
์ฝ๋ฆฌ์์์ดํฐ์์นด๋ฐ๋ฏธ ๋ถ์ฐ AWS ๊ธฐ๋ฐ ๊ณต๊ณต ๋น ๋ฐ์ดํฐ ํ์ฉ ์น์๋น์ค ๊ฐ๋ฐ์ ์์ฑ ํ๋ก์ ํธ ๋ฐํ
2024. 7. 5.
Build, Test and Deploy a Full Stack Next JS E-Commerce from Scratch. (2024) Time Stamps ๐ 00:00:00 - Intro 00:02:57 - Demo 00:13:22 - Create next app 00:20:09 - File Structure 00:34:21 - Setup Eslint 00:40:10 - Setup Jest 00:53:55 - Setup Cypress 01:08:34 - Create Pipeline CI CD 01:43:38 - Setup ShadCn and Some Libraries 02:56:32 - Setup Frontend UI Kit ( Colors - Fonts - Container ) 02:13:01 - Create Header Component DEMO STORE : carrefour-theta.vercel.app ADMIN: carrefour-theta.vercel.app/admin/dashboard Repo: github.com/sylvaincodes/youtube_ecommerce ๐ Links ------------------------------- ๐ค Donate www.paypal.me/sylvaincodes ๐ป Github Repo www.github.com/sylvaincodes/yoom ๐ด Patrean www.patreon.com/sylvaincodes ๐ Subscribe www.youtube.com/channel/UC1PZ... ++ Portfolio www.sylvaincodes.vercel.app ๐ MUSIC ------------------------------- - From Myself โ ๏ธ Disclaimer The disclaimer video is intended for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, reporting current affairs, teaching, scholarship and research. Fair use is permitted by copyright law that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. #nextjs14 #sylvaincodes #ecommerce #reactfrontend #fullstack
2024. 8. 11.
๊ฐ๋ฐ์ ์ ๋ฏธ ์ฌ์ดํธ๋ฅผ ์ด์ํ๋ฉฐ ๋ฐ์ํ๋ ์ด์ ํธ๋ฌ๋ธ ์ํ ํ๊ธฐ ๋ด์ฉ ์ ๋ฆฌ Docs : https://www.devyummi.com/page?id=66df41227b0d3ccc36fa4872 00:00 - ๊ฐ์ 00:10 - ์ฒซ ๋ฒ์งธ ์ด์ผ๊ธฐ 02:40 - ์ธ๋ถ ๊ณต๊ฐ๋ฅผ ๋ง๋ ์ด์ 04:26 - AWS S3 ๊ถํ ์์ 05:46 - ์ ์ฉ ๊ฒฐ๊ณผ
2024. 9. 10.
Learn the simplest way to autocomplete locations in Next.js using the Shadcn and Google API. This tutorial will make location search easy and efficient! Here is the repo: https://github.com/TheOrcDev/location-autocomplete Get your Google Maps API key: https://developers.google.com/maps/documentation/javascript/get-api-key Next video to watch: https://www.youtube.com/watch?v=BfQZ-nTcCKc&ab_channel=OrcDev โ๏ธ Join The Horde - Newsletter: https://www.orcdev.com/newsletter - Discord: https://discord.com/invite/uFB5YzH9YG - Github: https://github.com/TheOrcDev Some of the projects to check: Connector: https://github.com/TheOrcDev/orcish-openai-connector AI Framework: https://github.com/TheOrcDev/orcish-ai-nextjs-framework Orcish Admin: https://github.com/TheOrcDev/orcish-admin My first SaaS project, register and get 5 free tokens! https://www.textualgames.com/ 00:00 Intro 00:28 Next.js & Shadcn 2:41 Command 03:29 Google Maps API 07:24 Autocomplete Test 09:47 Dynamic Autocomplete 11:52 Outro #webdevelopment #orcdev #autocomplete #location #react #nextjs #typescript
2024. 9. 22.
Learn how to use Electron, React, and TypeScript to build desktop applications. Throughout this course, you'll learn everything from setting up your development environment to implementing advanced features like data visualization, secure communication, and custom window frames, all while ensuring a seamless user experience. Course developed by @NiklasZiermann Code: https://github.com/N-Ziermann-YouTube/electron-course โญ๏ธ Contents โญ๏ธ โจ๏ธ (0:00:00) Intro & How electron works โจ๏ธ (0:08:31) Setting up React โจ๏ธ (0:11:45) Setting up Electron โจ๏ธ (0:17:41) Adding TypeScript โจ๏ธ (0:22:47) Configuring Electron-Builder โจ๏ธ (0:29:07) DX Improvements โจ๏ธ (0:35:16) Reading System Resources โจ๏ธ (0:46:25) Communicating with the UI โจ๏ธ (1:09:34) Making IPC Typesafe โจ๏ธ (1:32:10) Event Validation โจ๏ธ (1:39:55) Unsubscribing from Events โจ๏ธ (1:43:55) Data Visualisation โจ๏ธ (2:00:24) Securing the App โจ๏ธ (2:06:53) Creating Tray Elements โจ๏ธ (2:14:40) Hiding to the Tray โจ๏ธ (2:27:31) Customising the Menu Bar โจ๏ธ (2:35:01) Enable View Switching โจ๏ธ (2:40:02) Custom Window Frames โจ๏ธ (2:51:00) Testing Theory โจ๏ธ (2:53:26) E2E Tests โจ๏ธ (3:06:27) Unit Tests โจ๏ธ (3:19:19) Finalising the UI โจ๏ธ (3:33:03) Outro ๐ Thanks to our Champion and Sponsor supporters: ๐พ Drake Milly ๐พ Ulises Moralez ๐พ Goddard Tan ๐พ David MG ๐พ Matthew Springman ๐พ Claudio ๐พ Oscar R. ๐พ jedi-or-sith ๐พ Nattira Maneerat ๐พ Justin Hual -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news
2024. 10. 7.