์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
System Design School
2024. 9. 19.
https://systemdesignschool.io/ ๐ Best place to learn and practice system design In this video, we dive deep into these two fundamental approaches to data management. We'll explore what they are, how they work, their advantages and limitations, and when to use each. Using real-world examples like banking transactions and inventory management systems, we'll illustrate these concepts to help you make informed decisions in your projects. By the end of this video, you'll have a clear understanding of: What Event Sourcing is and how it reconstructs application state through events. The workings of Traditional CRUD operations and their focus on current state manipulation. The advantages and limitations of both approaches. Real-world scenarios where each method shines. Factors to consider when choosing between Event Sourcing and CRUD. Potential hybrid approaches for complex systems. ๐ Don't forget to subscribe for more tech insights and tutorials!
In this tutorial, we are going to build a Calendly clone using Next.js 14, Tailwind, React, and the Nylas API. This is a great tutorial if you want to build a more advanced project involving date and time manipulation, timezones, APIs, external authentication, and more. Source code: https://github.com/dejwid/calendix Nylas: https://rebrand.ly/Nylas-dawid Going premium? Use 'nylas-dawid' for 100% off the first month. Timestamps 00:00:00 - Intro 00:04:01 - Landing page / Homepage 01:04:00 - Authentication 01:48:11 - Dashboard 02:09:10 - Event types (form) 02:58:54 - Saving and deleting event types 04:51:13 - Adding profile / username form 05:33:49 - Booking page 06:05:01 - Calendar buttons & time buttons 07:50:11 - Booking form 08:37:13 - Sending event to user's calendar 08:57:56 - Checking availability inside users calendar 09:34:49 - Preloaders & listing booked events 09:53:38 - Fixing bugs & deployment 10:08:38 - Outro
2024. 9. 1.
Build & Deploy Full Stack Portfolio Builder App | NextJs, React, TailwindCss, Drizzle ORM ๐ Excited to introduce my latest project: a full stack Portfolio Builder app built with Next.js! ๐ผ Combining the power of React, Tailwind CSS, and Daisy UI for sleek design, and leveraging Drizzle ORM and Clerk for seamless functionality. ๐ Craft your professional portfolio effortlessly with this intuitive tool! Check out the video for a walkthrough and start showcasing your skills today! #NextJS #React #TailwindCSS #PortfolioBuilder โญ TubeGuruji : https://tubeguruji.com โญ Clerk : https://go.clerk.com/VMIWFuF โญ TwicPics (Image Optimization) : https://www.twicpics.com/ Watch Now : AI Content Generator App Using NextJs: https://youtu.be/egQajXL7nn4 ๐ฅ App Demo : https://portfolio-guruji.vercel.app/ ๐ฅTubeGuruji Portfolio : https://portfolio-guruji.vercel.app/tubeguruji โญ Support me on : https://www.buymeacoffee.com/tubegurujiw ๐ Now Start Building Real Life Projects to Make Real Money: https://tubeguruji.com ๐ Materials/References: ๐GitHub Repository For Application (give it a star โญ): https://dcmk.short.gy/developer-builder-nextjs ๐ https://go.clerk.com/VMIWFuF ๐Drizzle ORM : https://orm.drizzle.team/ ๐ https://daisyui.com/ Free Members Access : https://www.tubeguruji.com/course-preview/full-stack-nextjs-developer-builder-app Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join @twicpics3173 Content: - Learn to Create NextJs React App and Library Install - Implement Social and Email Password authentication with Clerk - Learn Tailwindcss & Daisy UI Library - PostgreSql and Drizzle Setup - Learn to write Drizzle ORM query - Learn to Build Modern Design - Add User Bio and Project / Starups - Display Live preview in mobile view - Apply more than 20+ themes - Learn to add Visitor tracking - Display Bar chart and Area chart - Step by step tutorial - Deploy App on Cloud / Vercel --------------Video Chapter------------ 00:00:00 Introduction 00:05:33 Tech Stack 00:07:35 Project Setup 00:19:01 Dark Mode Theme 00:21:32 Backend Setup 00:35:57 Authentication 00:50:48 Create Username 01:12:04 SideNav Bar 01:22:26 Admin Page Layout 01:27:47 Save User Basic Info 01:45:30 Retrieve User Info 01:54:51 Extra Options 02:06:33 Drizzle Kit Update 02:08:13 File Upload Using Firebase 02:32:19 Image Optimization Using TwicPics 02:40:38 Add New Project in Portfolio 03:24:56 Delete Project From Portfolio 03:36:25 Quick Additions 03:45:39 Drag n Drop Project List Order 04:07:59 Setup Mobile Preview 04:27:34 User Detail in Preview 04:39:32 Project List preview 04:50:44 Style & Themes 05:04:38 Project Visit (Clicks) Track 05:30:46 Live reload Preview 05:37:42 View Analytics Page 05:55:49 Deploy App on Cloud
2024. 5. 14.
SOOOO, I've received numerous questions and direct messages asking about my thoughts on Kinde and how it stacks up against its competitors like Clerk, Auth0, and WorkOS. In this video, I'll share my honest opinions on Kinde, highlighting what I like and what areas could use improvement ๐ Kinde Auth: https://dub.sh/xeU8r3v ๐ My Website: https://www.janmarshal.com โ Follow me on X: https://twitter.com/janmarshaldev ๐ง Business ONLY: jan@alenix.de
2024. 6. 10.
๋น๊ทผ์ 2023 INFCON ๊ธฐ์ ํ๋ก๊ทธ๋จ ์ธ์ ์ ๊ณต๊ฐํฉ๋๋ค. ์ด๋ฒ INFCON ์์๋ ๋น๊ทผ์ ๊ฐ๋ฐ ๋ฌธํ, ๊ธฐ์ ๊ณผ ๊ด๋ จ๋ ๋ค์ํ ์ฃผ์ ๋ก ์ด์ผ๊ธฐ๋ฅผ ๋๋ ๋ณด์์ด์. ๐ฅ ๋น๊ทผ ๊ณต๊ณ ์ดํด๋ณด๊ธฐ : https://about.daangn.com/jobs/ ๐ฅ ๋น๊ทผ 2023 INFCON ๋ค๋ฅธ ์์ ํ์ธ : https://www.youtube.com/playlist?list=PLaHcMRg2hoBqVWF6855yG_nIrYC6bXkyy
2023. 9. 6.
In this video, I share with you GuruCatcher, an application that so called "guru's" can use to verify their stripe revenue claims. Screenshots can be faked but the Stripe API exposes all. Support this channel: https://dub.sh/support-rasmic GuruCatcher repo: https://github.com/michaelshimeles/guru-catcher Follow me on Twitter: https://dub.sh/ras-twitter Join my Discord: https://dub.sh/discord-rasmic My portfolio: https://rasmic.xyz My Nextjs SAAS Starter Kit: https://starter.rasmic.xyz My Blog Builder & CMS: https://tsafi.xyz Browser I use (Arc): https://dub.sh/my-browser Recording & Editing Software: https://dub.sh/my-editing
2024. 7. 23.
The Database Per Service pattern ensures each microservice has its own dedicated database. This isolation improves scalability, fault tolerance, and flexibility, allowing services to evolve independently without affecting others. https://www.linkedin.com/in/bytemonk/ https://www.youtube.com/playlist?list=PLJq-63ZRPdBt423WbyAD1YZO0Ljo1pzvY https://www.youtube.com/playlist?list=PLJq-63ZRPdBssWTtcUlbngD_O5HaxXu6k https://www.youtube.com/playlist?list=PLJq-63ZRPdBu38EjXRXzyPat3sYMHbIWU https://www.youtube.com/playlist?list=PLJq-63ZRPdBuo5zjv9bPNLIks4tfd0Pui https://www.youtube.com/playlist?list=PLJq-63ZRPdBsPWE24vdpmgeRFMRQyjvvj https://www.youtube.com/playlist?list=PLJq-63ZRPdBslxJd-ZT12BNBDqGZgFo58 AWS Certification: AWS Certified Cloud Practioner: https://youtu.be/wF1pldkQrOY AWS Certified Solution Architect Associate: https://youtu.be/GzomXNLFgkk AWS Certified Solution Architect Professional: https://youtu.be/KFZrBxSA9tI #microservices #systemdesign
2024. 10. 21.