Create A User Authentication Page In React And Supabase

0

1

2

3

4

5

Posted on 11 Dec 04:10 | by mitsumi | 11 views

Published 12/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 413.63 MB | Duration: 0h 59m

User Authentication in React and Supabase

What you'll learn
Learn modern React using practical examples
How concepts such as sessionstorage, JSON,
Promises, Fetch, Prepared Statements and many more work in practice.
Implement modern working authentication system with the help of web tokens
Requirements
You should have basic jаvascript knowldege
Must have VS Code and NodeJS installed
Description
In this course you will learn how to create working React And Supabase authentication system, which replaces the traditional PHP sessions and is more robust, secure and scalable.Using gradual step by step actions you will build a system and understand interesting topics such as how to:* secure user generated information before inserting into database* use jаvascript to implement the technology of JSON web tokens (JWT)* update the tokens periodically to foster smooth user experience* manage the browsers integrated sessionstorage feature* fetch() requests to react pages in order to get data stored in Supabase tablesand discover many more interesting techniques...Throughout the course you will have the opportunity to work along with the code and check the provided resource files for reference.Please enjoy learning React and Supabase!Do you want to focus on frontend and on providing the best possible experience for your clients without having to worry about the backend database management and authentication systems? If so, "no-backend" and serverless are what you are looking for.The latest trend in web development is the move away from managing your own backend servers to something called no-backend where the backend is cloud-based and managed for you automatically. Firebase is the most famous stack that does this but it is proprietary and you risk getting vendor-locked and stuck with it in the future. An open-source to Firebase is Supabase. It is an open-source stack that will enable you to create frontends without having to worry about repeated things like authentication and database backup, maintenance, and security.You can start using Supabase with their Free Tier immediately and you get access to a pretty sweet deal without having to pay anything!In this course, we will use this free tier and set up projects for learning Supabase in the shortest amount of time possible.You'll learn how to add services such as basic insert/update/delete operations as well as setting up real-time databases, authentication, and row-level security (RLS) into your projects with ease.By the end of the course, you'll have a thorough understanding of the philosophy of Supabase and you would be able to dive even deeper into your particular use case. This is supposed to be the first step in your journey towards managed backends. This is not a comprehensive guide to everything. Take this first step and the rest of the stuff will be much, much easier for you.Finally, I provide exceptional support for all my courses. All questions are answered within 24 hours. Plus, if you don't like the contents, I absolutely do not mind if you take advantage of the 30-day money-back guarantee!Join me now and let's get cracking on Supabase!
Overview
Section 1: Introduction
Lecture 1 1.1 Introduction and Demo
Section 2: Project Setup
Lecture 2 2.1 Setting Up React Project
Section 3: Authentication Process
Lecture 3 3.1 Creating A Sign Up Form
Lecture 4 3.2 SignUp User
Lecture 5 3.3 Route Between Pages
Lecture 6 3.4 Log the user in
Lecture 7 3.5 Navigate User To Homepage
Lecture 8 3.6 Logout
Anyone interested in applying React Authenticaion into their websites,Anyone interested in applying Supabse Authenticaion into their websites