잠시만 기다려 주세요.
ThePrimeagenClips
2024. 8. 27.
Live At: https://twitch.tv/ThePrimeagen Wanna Become a Backend Dev & Support me at the SAME TIME??? https://boot.dev/prime
Hey everyone! Next.js 15 has been released, which means it's time to learn how to implement authentication in a fresh Next.js 15 project. We will use Kinde-Auth to make authentication work. In this video, I will cover: How to set up Kinde Customization of Kinde Multi-Factor Authentication Middleware Syncing Users to a Database Server Actions Roles and Permissions 🚀 Kinde Auth: https://dub.sh/xeU8r3v 👨🏻💻 GitHub Repository: https://github.com/ski043/auth-kinde-15 🌍 My Website: https://www.janmarshal.com ✅ Follow me on X: https://x.com/janmarshaldev 📧 Business ONLY: jan@alenix.de Time Stamps: 00:00 Intro 02:00 Project Overview 07:25 Kinde Authentication 21:50 Customization 24:40 Multi-Factor Auth 28:30 Middleware 32:00 Sync Users to Database 38:00 Server Actions 42:00 Roles And Permissions
2024. 7. 22.
2024. 10. 9.
So I spent my evenings and weekends building a SaaS and learning a ton while doing it check it out, would love to hear feedback: https://crotus.io/ -- my links second channel (in depth videos): https://www.youtube.com/@Joshtriedupstash discord: https://discord.gg/4vCRMyzgA5 github: https://github.com/joschan21
2024. 8. 7.
Get Docker Desktop here: https://dockr.ly/4dkjx8a (paid sponsorship). Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product. NEW - React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord where I actively participate 👉 Kinde: check out Kinde for auth and more https://bit.ly/3QOe1Bh ⏱️ Timestamps: 00:00 Intro 01:13 Quick example of Dockerizing Next.js for local development 01:31 docker init 03:04 Docker compose watch (hot reload!) 03:55 Docker Scout 04:54 Postgres development setup (with Docker) 06:39 Prisma setup 11:53 Docker debug 13:05 Production environment 13:29 Vercel setup 18:54 Database migrations 22:45 Docker + Next.js + Postgres final overview #webdevelopment #reactjs #nextjs #docker
2024. 5. 9.
Instagram : https://www.instagram.com/kyung___a___/ Github : https://github.com/Kyung-A Blog : https://kyung-a.tistory.com/ ✉ Email : nek1717@naver.com ✨ 정보 ✨ 책상 : 209애비뉴 제로데스크 에보 의자 : 시디즈 T402HF 화이트쉘 카키쉬그레이 노트북 : ASUS 비보북 510UA-BQ492 (개발용 비추) 모니터 : LG 27mk600mw 모니터암 : 카멜마운트 마우스 : 로지텍 리프트 버티컬 아무스 키보드 - 앱코 아크릴 아이스큐브 듀얼 RGB 카일박스 게이밍 키보드 - 레오폴드 FC660MBT 화이트 그레이 한글 갈축 팜레스트 - 앱코 ARC-1 TKL 텐키리스 아이스 아크릴 팜레스트 - 키크론 K2 & K6 공용 호두나무 원목 팜레스트 BGM 🎵Music provided by 브금대통령 🎵Track : 가즈아!! - https://youtu.be/qtYmTGi-w2s 🎵Track : 멘붕 - https://youtu.be/dkHfLiG2654 🎵Track : 그 빵은 내꺼야 - https://youtu.be/Jyh4ETOLIhQ #개발자 #코딩 #취준생 #퇴사 #백수 #협업 #이직 #자기개발 #자기계발 #coding #일상 #브이로그 #스터디윗미 #공부
2024. 9. 3.
To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/DevelopersDigest/ . You’ll also get 20% off an annual premium subscription. In this video, I walk you through building a full stack application using the new Lama 3.2 model, Groq's multimodal 11B model, v0, and cursor. I start by designing an interactive interface with image input and text prompt using V Zero, followed by setting up the project in cursor. We then integrate the Grok playground to process and handle image and text data, establishing a backend route and binding it to the frontend components. We also delve into installing the necessary dependencies and creating a stylish UI with a navigation bar and footer. Additionally, I discuss the importance of error checking and demonstrate how to manage API keys for Grok. Finally, I showcase the application's functionality by processing an example image and talk about the potential of multimodal models for future apps. 00:00 Introduction to the Full Stack App Idea 00:13 Setting Up the Project with V Zero and Cursor 00:51 Building the Interface and Backend Logic 01:19 Integrating Grok and API Key Setup 02:41 Sponsor Message: Brilliant.org 03:35 Finalizing the App and Adding Features 05:29 Exploring Advanced Model Capabilities 06:05 Conclusion and Next Steps Shoutout to my sponsor, Brilliant.org, for their amazing interactive lessons. This video was sponsored by Brilliant
2024. 10. 1.