Player FM 앱으로 오프라인으로 전환하세요!
들어볼 가치가 있는 팟캐스트
스폰서 후원
Step-by-Step: Implementing Social Auth in Next.js
Manage episode 400551251 series 3493400
Github: https://github.com/coderyansolomon/social-auth
In this comprehensive tutorial video, viewers will embark on a journey to master the integration of social authentication into a Next.js application using Supabase. The video provides a step-by-step guide, starting from the basics of setting up a Next.js project, to the intricacies of configuring Supabase for social login functionalities.
297 에피소드
Manage episode 400551251 series 3493400
Github: https://github.com/coderyansolomon/social-auth
In this comprehensive tutorial video, viewers will embark on a journey to master the integration of social authentication into a Next.js application using Supabase. The video provides a step-by-step guide, starting from the basics of setting up a Next.js project, to the intricacies of configuring Supabase for social login functionalities.
297 에피소드
ทุกตอน
×
1 Prevent Unnecessary Re-Renders with React’s useCallback Hook 6:52


1 Controlled vs Uncontrolled Components in React | Explained Clearly 9:06




1 Understanding Rendering in React & Next.js (The Full Picture) 9:38







1 This Is A Beginner Mistake You Should Avoid (Client-side Routing) 6:31

1 How To Actually Use The useEffect Hook In Modern React.js 12:48



1 The Right Way To Handle Instant Loading States In Next.js 15 4:39






1 Master React in Minutes: Essential Event Handling Techniques 20:52


1 React State Explained: The Key to Dynamic Apps (Beginner's Guide) 4:56

1 5 Things I Love About Being a Software Engineer (And You Will Too) 6:20

1 Unlock React's Power: Understand Your UI as a Tree Structure 10:11

1 What is React.js, really? Complete Guide For Beginners and Pros 15:40

1 Master React.js Lists: Easy Rendering Techniques Explained! 13:13

1 Next.js Pitfalls: Avoiding Unsupported Client and Server Patterns 8:06


1 Boost Your Next.js Skills: Learn useParams for Dynamic Routes 10:14



1 Next.js Redirects 101: Simplify Your Routing Like a Pro! 13:28



1 Essential Next.js: Private Routes, Colocation, and Advanced Routing Explained! 15:50


1 Stop Overlooking This Critical React.js Concept: Pure Components 19:26

1 Next.js Layouts Made Easy: Complete Guide with Nested Layouts 15:06


1 Is AI a Threat to Developer Jobs? Plus Insights on React and Next.js - Ft. Colby Fayock 28:53

1 Mastering Quota Management in Your Next.js SaaS Application 23:18



1 Become a Next.js Routing Pro: Dynamic & Catch-All Routes Tutorial 15:10

1 Level Up Your Dev Skills: Game Building and Learning in JavaScript 32:14

1 Master NextAuth v5 Database Integration: Step-by-Step Tutorial 10:16


1 Must-Know Next.js Tip: Stop Making This Serialization Mistake! 9:36






1 AI Taking Developer Jobs, Data Fetching Mistakes, And GraphQL 32:36


1 The 5 Biggest Mistakes of My Software Engineering Career 11:08

1 Master Next.js Testing with Cypress: A Step-by-Step Guide 36:22

1 Understanding Authorization And Authentication In Next.js 11:25

1 NEW React 19 Hooks! useFormState And useFormStatus Revealed 19:46





1 React Routing Redefined: Master Non-Nested Trees with TanStack 15:07


1 Master React.js Routing: TanStack Route Trees Deep Dive! 39:48

1 Master Forms In React.js: The Ultimate Crash Course for Developers! 33:16

1 Pro Tips For React.js, React Mistakes To Avoid, Dev Freelancing, and More! 33:21


1 Elevate Your React Projects with TanStack Router: An Introduction 21:14

1 How I Nailed My First Software Engineering Interview: Tips & Tricks 17:33

1 Next.js Best Practices: Protecting Server Code from Client Access 15:06



1 Unlock Next.js Basics: A Beginner's Guide to Routing, Data Fetching, and More 41:40

1 From Novice to Engineer: Secrets to Scoring Your First Tech Role 32:05

1 Mastering Advanced Routing in Next.js 14: Intercept, Parallel & Dynamic Routes 44:20

1 Why You're Struggling To Learn To Code (or new technologies) 11:35

1 Behind the Code: A Next.js Developer's Roadmap to Success 29:24

1 Web Components Uncovered: The Future of Web Development? 28:04

1 From Zero to Web Developer: A Comprehensive Roadmap for Beginners 20:10

1 Navigating AI and Software 3.0: A Tech Career Guide for Developers 31:01


1 Next.js 14 Data Fetching - Avoid THIS Mistake Making Your Apps SLOW 18:31

1 (Interview) Is Solid JS Better Than React JS? A Web Framework Breakdown 37:06

1 Next.js 14 Server Actions Explained: Building a Full Stack App 37:50

1 Master Partial Rendering in Next.js 14: A Complete Tutorial 20:46

1 Next.js Decoded: Insights and Experiences w/ @TuomoKankaanpaa 27:47


1 Build & Deploy an AI Chat App: Next.js 13 App Router Tutorial 30:01


1 Send Emails In Your Next.js 13 Application Using Postmark! 32:56

1 Your Complete Guide To Next.js Authentication With Supabase 48:47

1 Developer Career Insights And Firebase 101 w/ Rafid Hoda 30:31

1 Authenticate Your Next.js Application Using Appwrite | Complete Guide 32:23

1 Authenticate Your Next.js Apps Using Firebase: Complete Guide 34:16


1 Next.js 13 App Router CRASH COURSE - Learn These 3 Fundamentals 47:45


1 Decoding Web Development: AI, Appwrite, and Advice from Dennis Ivy 28:19

1 Mastering JavaScript Functions And Excelling In Your Career 32:08


1 From Idea To Full Stack Application In Next.js - Lessons Learned 27:28

1 Mastering Fonts in Next.js: Local Fonts, Google Fonts, and Best Practices 23:32

1 Easy Authentication in Next.js App Router With Next-Auth 28:36

1 CSS Mastery with Kevin Powell: Unveiling Uncommon Knowledge 33:18

1 Learn MODERN React JS In 47 Minutes - Complete Crash Course 47:49

1 Smooth Navigation in Next.js 13: A Comprehensive Link Guide 10:21

1 Demystifying JavaScript Rendering And Optimizing Your Web Applications 28:41

1 Effortless Data Modeling and Querying: Introducing Prisma ORM for Developers 20:30


1 Next.js Image Component Deep Dive: Optimizing Performance and User Experience 24:50

1 Mastering Modern Next.js Data Fetching: Tips, Tricks, and Best Practices 29:19

1 Next JS Project Structure: Patterns and Techniques for Success 11:23

1 Building Resilient Web Apps: Progressive Enhancement Unveiled 36:24

1 Next.js Middleware: The Secret Sauce to Enhance Your Next App 28:38

1 Unleashing the Power of Infrastructure as Code with Terraform 28:20


1 Demystifying React Testing: Pitfalls, Best Practices, and the React Testing Library | Daniel Afonso 34:30

1 Mastering Route Intercepts in Next.js: A Comprehensive Guide 12:03

1 Decoding Node.js: Versioning Essentials, Exciting Features, and More | Colin Ihrig 27:59

1 Next JS Routing Strategies: Unleashing the Power of Parallel Routes 13:40

1 Error Handling in Next JS: A Comprehensive Guide for 10X Developers 23:08

1 Decoding Qwik: An In-depth Comparison with React and Next JS | Yoav Ganbar 32:13

1 Supercharge Your Next JS App with Efficient Loading and Streaming 25:19

1 Next.js Deep Dive: Understanding and Implementing Dynamic Routes 37:07

1 Beyond Coding: JavaScript Full Text Search, Entrepreneurship, and AI | Michele Riva 33:10


1 Master TypeScript: A Complete Course From Beginner to Pro 1:46:16

1 Next JS Navigation Made Easy: The Ultimate Linking Guide 29:00

1 Elevate Your Coding Skills: JavaScript, React.js, and Next.js | Kishan Sheth 26:38



1 Learn Next JS Routing Fundamentals In No Time (App Router) 12:44

1 NEXT JS Demystified: Mastering Modern Web Development W/ Dave Gray 37:25

1 Mobile Development, React Native, Flutter, & More w/ Simon Grimm 31:30



1 Zustand - The ULTIMATE React JS State Manager? - Niklas Ziermann 26:22


1 Software Engineers Need To Know THIS About Bash Scripting 32:31



1 TypeScript Tips, Migrating From JavaScript, And Mistake To Avoid - Zach Gollwitzer 29:54

1 chatGPT Code Interpreter - Programmers Can't Ignore This 10:58


1 React JS HTTP Requests, Code Splitting, and Styling with Sloba 28:32



1 ViteJS And Developer Mistake To Avoid With Arsalan Khattak 30:58

1 Ex-Facebook Engineer on Good VS Bad Code, AI, and Code Smells - Conner Ardman 33:25

1 What Web Developers Need To Know About HTTP Networking - Lane Wagner 28:51

1 Senior Software Engineer - A Better Way To Manage State In React? 26:52

1 CSS Flexbox - Everything You Need To Know About Child Items 10:13

1 Less JavaScript, AI Replacing Developers, And New Deb Development Trends - James Q Quick 31:14



1 What's Recoil, Really? The BEST React State Management Library 9:23


1 Learn THIS Important JavaScript Skill (merge arrays and objects) 6:40





1 Did You Know How To Do THIS In JavaScript? (Capitalize First Letter) 5:33


1 Check If A Substring Is In A String The Right Way In JavaScript 2:59
플레이어 FM에 오신것을 환영합니다!
플레이어 FM은 웹에서 고품질 팟캐스트를 검색하여 지금 바로 즐길 수 있도록 합니다. 최고의 팟캐스트 앱이며 Android, iPhone 및 웹에서도 작동합니다. 장치 간 구독 동기화를 위해 가입하세요.