---
title: "Enable Authentication"
url: https://docs.catalyst.zoho.com/en/tutorials/photo-store-app/nodejs/enable-auth/
description: "Build a React gallery app to upload images to a bucket in Stratus, and shre these images with other registered users. Host the app on AppSail and sync with GitHub and deploy the app usiong Pipelines."
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Catalyst Authentication"
    url: /en/cloud-scale/help/authentication/introduction/
  - name: "Hosted Authentication"
    url: /en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/
---

# Enable Authentication

For this tutorial, you will be enabling the **Hosted Authentication** type. This native authentication type will provide us with dedicated pages for each login element.

To enable the Hosted Authentication type for your application:

1. Navigate to the **Authentication** component under *Security and Identity* and click **Set Up** in the [Native Catalyst Authentication](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/introduction/) option.
    ![catalyst_tutorials_photostore_authentication_first_look](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_authentication_first_look.webp)

2. Select **Hosted Authentication** and click **Next**.
    ![catalyst_tutorials_photostore_hosted_auth_type_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_hosted_auth_type_sel.webp)

> **Info:**

* [Learn more about Hosted Authentication type](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/).

* [Learn more about Embedded Authentication type](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/introduction/).

* [Learn more about Third-party Authentication type](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/third-party-authentication/introduction/).

3. Provide a name for your brand, and upload your logo as an image. You can use the color palettes in the console to style your login element. Use the *Preview* section on the right and design the login element to match your preference.
    ![catalyst_tutorials_photostore_hosted_auth_setip_inprog](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_hosted_auth_setip_inprog.webp)

> **Note:** You can use the *Preview* section to simultaneously view the style of your **Sign In**, **Sign Up**, **Password Reset**, and **Confirm Password** login elements. However, to view the **Sign Up** page, you need to enable **Public Signup**. The steps involved in enabling **Public Signup** are detailed below.

4. Click the toggle button to enable *Public Signup*.
    ![catalyst_tutorials_photostore_hosted_auth_public_toggle](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_hosted_auth_public_toggle.webp)

    Read the information pop-up and click **Yes, Proceed**.
    ![catalyst_tutorials_photostore_toggle_confirm](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_toggle_confirm.webp)

> **Info:** [Learn more about Public Signup](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/public-signup/).

5. You can enable any of the **Social Logins** according to your preferences.
    ![catalyst_tutorials_photostore_hosted_auth_social_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_hosted_auth_social_login.webp)

> **Info:** [Learn the steps to generate `Client ID` and `Client Secret` credentials required to configure other Social Logins](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/).

6. We will be skipping the **Additional Settings** section right now. We will revisit the **Authorized Domains** feature present in this section at a later step. Click **Finish**.
    ![catalyst_tutorials_photostore_addn_settings](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_addn_settings.webp)

Hosted Authentication will be enabled for your application.

You will be able to view the style and secure access URLs generated for each of your login elements in the *Authentication* Types section.
![catalyst_tutorials_photostore_auth_done](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_auth_done.webp)

> **Info:** The rest of the sections are not required for the functionality of the application. However, you can learn about them through the following links:

* [Learn more about Authentication Types](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/authentication-types/).

* [Learn more about User Management](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/user-management/introduction/).

* [Learn more about Whitelisting](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/whitelisting/introduction/).

* [Learn more about Email Templates](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/email-templates/introduction/).