잠시만 기다려 주세요.
Dave Gray
2024. 10. 23.
In this video, you will learn how to add authentication to a full stack Next.js project. From login and logout screens to protecting routes with middleware, you will learn how to easily configure your Nextjs project. ⭐ Use the code "davegray" for 3 months free on the Team plan of Sentry for any new accounts: - Sentry Homepage: https://bit.ly/sentry-dg - Sentry Sign-up: https://bit.ly/try-sentry-dg - Sentry Next.js: https://bit.ly/sentry-nextjs-dg - Sentry Next.js Docs: https://bit.ly/sentry-docs-dg 🔒 Kinde Auth: https://kinde.com/dgray-nextjsstack/ 🔥 Neon Postgres: https://fyi.neon.tech/davegray 👉 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap 💖 Support me on Patreon ➜ https://patreon.com/davegray 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Ask Questions & Discuss on Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 🔗 Next.js Full Stack Project playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PCLz7VMP2QQdeKa83rshe5 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ 🔗 Course Resources: https://github.com/gitdagray/nextjs-full-stack-project Next.js Authentication & Login | Nextjs 15 Full Stack Project (0:00:00) Intro (0:01:11) Tech Stack (0:01:31) User Stories Checklist (0:04:09) Kinde Auth vs "Roll Your Own" (0:06:18) Set Up a Free Kinde Account (0:08:53) Adding Kinde to an Existing Codebase (0:10:05) Installing Kinde with Next.js 15 (0:13:45) Adding Environment Variables (0:15:16) Required API Route (0:16:56) Create a Login Page (0:20:47) Kinde Auth Settings (0:25:45) Add a User (0:26:42) Add Permissions (0:29:38) Multi-Factor Auth aka MFA (0:31:09) Create a Logout Button (0:35:43) Protecting Routes with Middleware 📚 Tutorial References: 🔗 Next.js: https://nextjs.org/ 🔗 ShadCN/ui: https://ui.shadcn.com/ 🔗 Sentry Next.js: https://bit.ly/sentry-nextjs-dg 🔗 Tailwind CSS: https://tailwindcss.com/ 🔗 TypeScript: https://www.typescriptlang.org/ 🔗 Neon Postgres: https://fyi.neon.tech/davegray 🔗 Kinde Auth: https://kinde.com/dgray-nextjsstack/ Was this Next.js Full Stack Authentication & Login tutorial helpful? If so, please share. Let me know your thoughts in the comments. #nextjs #auth #login
The first 100 get 20% off our new OpenTelemetry course on Dometrain with code TELEMETRY20: https://bit.ly/3y8GTOv Subscribe to my weekly newsletter: https://nickchapsas.com Get the source code: https://mailchi.mp/dometrain/mhj0bhfwhrw Become a Patreon and get special perks: https://www.patreon.com/nickchapsas Hello, everybody. I'm Nick, and in this video, I will show you how you can get started with OpenTelemetry logging in .NET Workshops: https://bit.ly/nickworkshops Don't forget to comment, like and subscribe :) Social Media: Follow me on GitHub: https://github.com/Elfocrash Follow me on Twitter: https://twitter.com/nickchapsas Connect on LinkedIn: https://www.linkedin.com/in/nick-chapsas Keep coding merch: https://keepcoding.shop #csharp #dotnet
2024. 7. 25.
#개발자 #개발 #코딩 #코드
2024. 2. 15.
https://guebin.github.io/SS2024/
2024. 9. 26.
Live At: https://twitch.tv/ThePrimeagen Link: https://www.instagram.com/p/C-84nZusuuv/ By: https://www.instagram.com/alberta.tech/ Wanna Become a Backend Dev & Support me at the SAME TIME??? https://boot.dev/prime
2024. 9. 12.
Get started with lcl.host today: 👉 https://lcl.host GitHub Source Code: 👉 https://github.com/sonnysangha/stripe-payment-elements-with-https-nextjs-14-demo 🚨 Join the world’s BEST developer community “Zero to Full Stack Hero” NOW: https://www.papareact.com/course 🔴 LOOKING FOR THE CODE FROM MY OTHER BUILDS? 🛠️ https://links.papareact.com/github Join me as I show you how to build and test popular payment methods like Apple & Google Pay on localhost with Next.js 14. You'll learn the following in this video: 👉 How to integrate Stripe's embeddable UI Component: Stripe Payment Element to Accept Payment Methods 👉 How to Test Payment Methods like Apple Pay & Google Pay on localhost using lcl.host 👉 Benefits of using lcl.host compared to Next.js Experimental Flag 👉 Benefits of using lcl.host compared to ngrok 👉 How to Create an API Route Handler in Next.js 14 to Accept Payments 👉 How to build a fully responsive site with Tailwind CSS 👉 How to use TypeScript to reduce the overall number of Bugs and Errors 📩 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST? Sign up for the PAPAFAM Newsletter here 👉 https://links.papareact.com/newsletter 👇🏻FOLLOW ME HERE: Instagram: https://links.papareact.com/instagram Facebook: https://links.papareact.com/facebook LinkedIn: https://links.papareact.com/linkedin Twitter: https://links.papareact.com/twitter Discord: https://links.papareact.com/discord 💰 WANT TO SUPPORT THE CHANNEL? Donate here: https://links.papareact.com/donate Grab some PAPAFAM Merch: https://links.papareact.com/merch 🕐 TIMESTAMPS: 00:00 Introduction 00:23 Build Demo 01:35 Build Breakdown in 5 Steps 02:08 Step 1 | Creating the Next.js 14 App 03:19 Step 2 | Implementing Stripe Payment Element 07:46 Creating the Checkout Page 08:40 Step 3 | Creating a Next.js 14 API Route Handler to Accept Payments 10:56 Generating a Client Secret based on the Payment Method Selected 17:25 Step 4 | Redirecting User to a Payment Success Page 18:08 Problem with Testing Payment Methods on localhost 18:46 Step 5 | Implementing lcl.host to Test Payment Methods in localhost 21:31 Testing Payment Methods on localhost! 22:43 Why Use HTTPS in a Local Environment 24:05 lcl.host vs Next.js Experimental Flag 24:37 lcl.host vs ngrok 25:07 Benefits of lcl.host 25:55 Outro Let’s get it PAPAFAM 🔥. #nextjs14 #localhost #anchor #applepay #googlepay #lclhost #tailwindcss #typescript #testing #reactjs #javascript
2024. 6. 20.
2024. 9. 27.