User Authentication Page using React & Supabase

User Authentication Page using React & Supabase

A Hands-on Guide for building a simple authentication system

New Course
Course Instructor: Thilak Sundaram

Course Outcomes

  • Acquire knowledge of React through hands-on examples.
  • Understand the practical application of concepts like sessionStorage, JSON, Promises, Fetch, etc.
  • Develop a modern authentication system using JSON web tokens.

Course Structure

8 lectures59m total duration

  Introduction & Demo 
2min
  Setting up the Project 
2min

About This Course

The course is designed to teach you how to create a robust, secure, and scalable authentication system using React and Supabase. This system replaces traditional PHP sessions and is more robust, secure, and scalable.

Supabase, an open-source alternative to Firebase, is used in this course. It allows 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, which is a great deal without having to pay anything

Throughout the course, you will learn how to secure user-generated information before inserting it into the database, use JavaScript to implement JSON Web Tokens (JWT), update tokens periodically for a smooth user experience, manage the browser's integrated sessionStorage feature, and make fetch() requests to React pages to get data stored in Supabase tables.

The course is designed to be hands-on, with step-by-step instructions allowing you to build a system and understand these topics in depth. You will have the opportunity to work along with the code and check the provided resource files for reference.

The course is ideal for those who want to focus on frontend and provide the best possible experience for their clients without having to worry about backend database management and authentication systems. It introduces you to the concept of "no-backend" and serverless web development, where the backend is cloud-based and managed for you automatically. This is a growing trend in web development, moving away from managing your own backend servers.

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.

Used by learners at

Microsoft
Amazon
Google

Course Requirements

  • Understanding of JavaScript
  • Basics of React

Student Feedback

4.5
Course Rating

50%

50%

0%

0%

0%

Course Instructor

Thilak Sundaram
Fullstack Developer
Thilak Sundaram
4.3 Instructor rating
40 Ratings
493 Students
8 Courses

As a software developer and UI/UX designer, I have a passion for creating intuitive and visually appealing digital experiences. With over 2 years of experience in the industry, I have a strong foundat...View profile

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes

Pro

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes
Upgrade To Pro