Login & Logout Redirect Rules

Today, we're diving into a core component of Tadabase app development - Login & Logout Redirect Rules. These are crucial for a smooth user experience in your apps, as they guide users through login and logout flows seamlessly.

Goal: The primary goal of configuring login and logout redirect rules is to ensure a fluid and intuitive navigation experience for your app users. By setting these rules, you can direct users to appropriate pages based on their roles, immediately after login or logout. This not only enhances user experience but also streamlines the workflow within your application.

General Instructions:

1. Understanding Homepages and URLs:

   • Your Tadabase app can have a custom domain or use the default Tadabase domain. Neither includes a specific page in the URL.
   • Set a homepage for your app in Tadabase. This is where users land when they enter a root-level URL. The default homepage is usually the login page, but you can change it in the page settings.

2. Login Flow:

   • Users enter the app URL and are redirected to the homepage (default: login page).
   • Users log in via the login page. Post-login, they should be directed to specific areas based on their roles. This is where login redirect rules are crucial.
   • For instance, staff members could be redirected to a staff dashboard, administrators to an admin dashboard, and customers to a customer dashboard.

3. Configuring Login Redirect Rules:

   • In the page builder, select the login component and navigate to the login redirect rules tab.
   • Set up rules based on user roles. Specify which role should be redirected to which page after login.
   • You can also set a universal redirect rule for all users, regardless of their role.

4. Logout Flow and Unauthorized Access:

   • When users log out or attempt to access unauthorized pages, they should be redirected back to the login page.
   • Configure logout redirect rules in the user menu of your layouts.
   • Set up security settings for each layout, specifying which roles can access it and setting up redirection for non-authorized users.

5. Real-Life Application and Testing:

   • Apply these settings in your app builder. Test the flow by logging in with different user roles and observing the redirections.
   • Ensure that users are seamlessly directed to the appropriate dashboards based on their roles and are smoothly redirected to the login page upon logout or when attempting to access restricted pages.

Features Discussed:

1. Redirect Rules ID (0:54)
   

   Learn how to implement login and logout redirect rules with a diagram.

   For example, when users access the application without specifying a page, the system redirects them to the homepage (login page by default)

2. Login Redirect Rules (5:04)
   

   Learn how to configure custom login redirects based on user roles. For example, set rules to redirect users to specific dashboards depending on their role (e.g., admin or default users).

3. Redirect Rules (6:23)
   Learn how to set up logout redirect rules to automatically direct users to the login page after they log out. For example, ensure seamless navigation where users are sent to the appropriate page based on conditions like their role or access permissions.

4. Security (7:40)
   Learn how to configure custom login redirects based on user roles. For example, set rules to redirect users to specific dashboards depending on their role (e.g., admin or default users).

Transcript Summary

Introduction

Hey everybody, this is Build It with Tadabase . On today's episode, we're going back to basics and covering some core foundational knowledge regarding building Tadabase apps and how to guide your users through a login and logout flow. To achieve this, we'll be using login redirect rules and logout redirect rules, which are native features inside Tadabase.

Importance of Redirect Rules

It's important to talk about and configure these features because they can become a serious roadblock not only for you as a builder but also for your end users. Let's get started with login and logout redirect rules.

The Login Flow

Before diving into the Builder, let's look at a diagram to understand how this process should work, both for Tadabase and general app development. When users visit your application and intend to log in, the flow works like this:

1. Domain Access:
2. Users can access your app through a custom domain, such as mycompany.com, or via Tadabase's default domain, which looks like youraccountname.tadabase.io/yourappname. These URLs are root-level access points for your app.
3. Homepage Setup:
4. Neither of these URLs contains a specific page at the end, so when building your app, you need to configure a homepage in Tadabase.
5. To set a homepage, go to any page in your app, click Settings, and enable the homepage option. This tells Tadabase where to direct users when they visit a URL without specifying a page.
6. Login Page as Default:
7. By default, the login page is set as the homepage. However, you can change this and have a separate homepage and login page if needed.

Redirect Rules in Action

When a user enters the URL to access your app and there’s no specific page at the end, they are redirected to the homepage. Typically, this is the login page. Users then log in by filling out the login component with their username and password.

From there, we want to send users to a specific location in the app depending on their user role. This is where login redirect rules come into play.

Example Roles:

• Staff Members: Redirect to the staff dashboard.
• Admins: Redirect to the admin dashboard.
• Customers: Redirect to the customer dashboard.

User roles, such as staff, admin, and customers, work in conjunction with login redirect rules to send users to the correct location based on their role.

Logout Flow

Once logged in, users can work inside the app. When they log out or access a page they’re not authorized to view, we’ll send them back to the login page.

Building the App in Tadabase

Step 1: Configuring Login Redirect Rules

• In the Builder, go to your login component.
• Navigate to the Login Redirect Rules tab.
• Set up rules to send users to specific pages based on their role:
• For example, if the role is default user, redirect to the default dashboard.
• If the role is admin, redirect to the admin dashboard.

You can also select all users if you want to redirect everyone to a general landing page.

Step 2: Configuring Logout Redirect Rules

• In the layouts section, find the user menu.
• Edit the user menu to add a Logout Redirect Rule that sends all users to the login page upon logging out.
• Repeat this step for other layouts, such as the admin layout.

Step 3: Securing Pages and Layouts

• Go to each layout in your app and set security permissions.
• For example, only users with the admin role can view the admin layout.
• If someone tries to access a restricted page, they will be redirected to the login page.

Testing the Flow

Now, let's test the setup:

• When logging in as a default user, the login redirect rule sends them to the default dashboard.
• When logging out, the logout redirect rule sends them back to the login page.

Conclusion

As you can see, setting up redirect rules inside your Tadabase application ensures that users have a proper flow and seamless experience. It directs users to the right place based on their roles, eliminating roadblocks and ensuring they can get their work done efficiently.

Remember, a well-configured login and logout flow is key to a user-friendly application. It not only simplifies navigation but also enhances the overall user experience by ensuring users are where they need to be, effortlessly. Use Tadabase’s features to their fullest to avoid potential roadblocks and streamline user interactions within your app.