<h2>Step 1: Create an AesirX Account</h2>
<ul>
<li aria-level="1">Visit <a href="https://signup.aesirx.io/"></a><a href="https://signup.aesirx.io/">https://signup.aesirx.io/</a>.</li>
<li aria-level="1">If you don't have an AesirX account, click on the option to create one.</li>
<li aria-level="1">Enter your email address, choose a privacy ID, and select "Anti-brute Force Single Sign On" from the Solutions drop-down menu.</li>
<li aria-level="1">Enter your domain name and click "Verify" to submit your request.</li>
<li aria-level="1">Receive your license information and a confirmation email to finalize your account setup.</li>
</ul>
<p><img src="https/api.aesirx.io/images/image5.png" alt="image5.png" width="1242" height="1168" /></p>
<h2>Step 2: Download SSO</h2>
<p>Download sso.js from&nbsp;<span style="color: #1ab394;"><strong><a href="https://github.com/aesirxio/sso/releases/latest" target="_blank" rel="noopener" style="color: #1ab394;">https://github.com/aesirxio/sso/releases/latest</a></strong></span></p>
<h2>Step 3: Add file</h2>
<p>Copy file <strong><span style="background-color: #bae8df;">sso.js</span></strong> to your project</p>
<h2>Step 4: Enviroment</h2>
<p>Add script to <strong><span style="background-color: #bae8df;">head</span></strong></p>
<p>{code}ssoSSREnv{/code}</p>
<p><code>CLIENT_ID</code>&nbsp;replace this with the provided <code>SSO CLIENT ID</code>&nbsp;from&nbsp;<a href="https://dapp.shield.aesirx.io/" rel="nofollow"></a><a href="https://dapp.shield.aesirx.io/licenses">https://dapp.shield.aesirx.io/licenses</a></p>
<p><code>CLIENT_SECRET</code>&nbsp;replace this with the provided <code>SSO CLIENT_SECRET</code>&nbsp;from&nbsp;<a href="https://dapp.shield.aesirx.io/" rel="nofollow"></a><a href="https://dapp.shield.aesirx.io/licenses">https://dapp.shield.aesirx.io/licenses</a></p>
<p><code>aesirxAllowedLogins</code>&nbsp;are for which logins do you want to use and you have wallets set up</p>
<ul dir="auto">
<li><code>concordium</code>&nbsp;- Concordium wallet login</li>
<li><code>metamask</code>&nbsp;- Metamask wallet login</li>
<li><code>regular</code>&nbsp;- Regular login to your site</li>
</ul>
<h2>SSO Button</h2>
<div class="markdown-heading" dir="auto">
<p class="heading-element" dir="auto" tabindex="-1">Create button with window.handleSSO()</p>
<p>{code}ssoSSRButton{/code}</p>
</div>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto">&nbsp;</div>

Step-by-step guide:

Install Guide SSO

The install guide AesirX SSO on Web will become easier and faster with simple and specific setup steps with detailed images

Install Guide on Web | AesirX SSO

<h2>Step 1: Create an AesirX Account</h2>
<ul>
<li aria-level="1">Visit <a href="https://signup.aesirx.io/"></a><a href="https://signup.aesirx.io/">https://signup.aesirx.io/</a>.</li>
<li aria-level="1">If you don't have an AesirX account, click on the option to create one.</li>
<li aria-level="1">Enter your email address, choose a privacy ID, and select "Anti-brute Force Single Sign On" from the Solutions drop-down menu.</li>
<li aria-level="1">Enter your domain name and click "Verify" to submit your request.</li>
<li aria-level="1">Receive your license information and a confirmation email to finalize your account setup.</li>
</ul>
<p><img src="https/api.aesirx.io/images/image5.png" alt="image5.png" width="1242" height="1168" /></p>
<h2>Step 2: Install SSO</h2>
<p>Install package in your ReactJS App.</p>
<div class="position-relative">
<div class="cursor-pointer fs-10 text-primary fw-medium p-2 bg-gray-50 m-2 rounded-1 position-absolute z-1 top-0 end-0 d-flex">&nbsp;{code}ssoInstall{/code}</div>
</div>
<h2>Step 3: Enviroment</h2>
<p>Add the environment variable file (.env)</p>
<p>{code}ssoReactEnv{/code}</p>
<h2>SSO Button</h2>
<p dir="auto">you can pass&nbsp;<code>className</code>,&nbsp;<code>text</code>,&nbsp;<code>options</code>&nbsp;props and&nbsp;<code>onGetData</code>&nbsp;function to control it</p>
<p dir="auto"><code>options</code>&nbsp;are for which logins do you want to use and you have wallets set up:</p>
<ul dir="auto">
<li><code>concordium</code>&nbsp;- Concordium wallet login</li>
<li><code>metamask</code>&nbsp;- Metamask wallet login</li>
<li><code>regular</code>&nbsp;- Regular login to your site</li>
</ul>
<p>{code}ssoButton{/code}</p>

The install guide AesirX SSO on React will become easier and faster with simple and specific setup steps with detailed images

Install Guide on ReactJS | AesirX SSO

ReactJS

<h2>Step 1: Create an AesirX Account</h2>
<ul>
<li aria-level="1">Visit <a href="https://signup.aesirx.io/"></a><a href="https://signup.aesirx.io/">https://signup.aesirx.io/</a>.</li>
<li aria-level="1">If you don't have an AesirX account, click on the option to create one.</li>
<li aria-level="1">Enter your email address, choose a privacy ID, and select "Anti-brute Force Single Sign On" from the Solutions drop-down menu.</li>
<li aria-level="1">Enter your domain name and click "Verify" to submit your request.</li>
<li aria-level="1">Receive your license information and a confirmation email to finalize your account setup.</li>
</ul>
<p><img src="https/api.aesirx.io/images/image5.png" alt="image5.png" width="1242" height="1168" /></p>
<h2>Step 2: Install SSO</h2>
<p>Install package in your ReactJS App.</p>
<div class="position-relative">
<div class="cursor-pointer fs-10 text-primary fw-medium p-2 bg-gray-50 m-2 rounded-1 position-absolute z-1 top-0 end-0 d-flex">&nbsp;{code}ssoInstall{/code}</div>
</div>
<h2>Step 3: Enviroment</h2>
<p>Add the environment variable file (.env)</p>
<p>{code}ssoNextEnv{/code}</p>
<h2>SSO Button</h2>
<p dir="auto">you can pass&nbsp;<code>className</code>,&nbsp;<code>text</code>,&nbsp;<code>options</code>&nbsp;props and&nbsp;<code>onGetData</code>&nbsp;function to control it</p>
<p dir="auto"><code>options</code>&nbsp;are for which logins do you want to use and you have wallets set up:</p>
<ul dir="auto">
<li><code>concordium</code>&nbsp;- Concordium wallet login</li>
<li><code>metamask</code>&nbsp;- Metamask wallet login</li>
<li><code>regular</code>&nbsp;- Regular login to your site</li>
</ul>
<p>{code}ssoButton{/code}</p>

The install guide AesirX SSO on NextJs will become easier and faster with simple and specific setup steps with detailed images

Install Guide on NextJS | AesirX SSO

NextJS

Item Page

Make data-driven decisions with compliant analytics, utilizing first-party data and decentralized consent for actionable insights.

Analytics & CMP

Access the complete documentation for AesirX Analytics. Find detailed information and support resources to maximize your analytics capabilities.

AesirX Analytics Documentation

Sub Documentation Analytics

Access real-time data through intuitive dashboards, using first-party insights for personalized customer experiences and optimized marketing.

Business Intelligence

Access detailed documentation for AesirX Business Intelligence (BI). Get the information you need to utilize BI tools effectively.

AesirX Business Intelligence (BI) Documentation

Sub Documentation BI

First-Party Server

Sub Documentation First-Party Server

Enhance website security with easy and secure login technologies, ensuring privacy-by-design security for your online presence.

Single Sign On

Access detailed documentation for AesirX Single Sign On (SSO). Get the information you need to implement and manage SSO solutions.

AesirX Single Sign On (SSO) Documentation

Sub Documentation SSO

Privacy & Security

Store, search, and distribute media files effortlessly, offering real-time optimization and transformation for enhanced asset management.

Digital Asset Management

Access comprehensive documentation for AesirX Digital Asset Management (DAM). Find detailed resources for securing and managing your digital assets.

AesirX Digital Asset Management Documentation

Sub Documentation DAM

Automate and amplify marketing efforts across multiple channels, including email and social media, with support for 7+ free social platforms.

Marketing Automation Platform

Explore the documentation for AesirX Marketing Automation Platform. Access resources and support for effective marketing automation.

AesirX Marketing Automation Platform Documentation

Sub Documentation DMA

Effectively manage products with centralized and enriched information for streamlined data workflows and enhanced customer experiences.

Product Information Management

Explore the documentation for AesirX Product Information Management (PIM). Access comprehensive guides for managing product information.

AesirX Product Information Management Documentation

Sub Documentation PIM

Automation & Scale

Assess website privacy compliance with free checks and instant reports on violations and corrective actions.

Privacy Scanner

Explore the documentation for AesirX Privacy Scanner. Access detailed guides to effectively use our privacy scanning tools.

AesirX Privacy Scanner Documentation

Sub Documentation Scanner

Protect your identity and maintain online privacy with a decentralized identity management solution, safeguarding personal data.

Shield of Privacy

Access comprehensive documentation for AesirX Shield of Privacy. Find detailed information to enhance your privacy protection.

AesirX Shield of Privacy Documentation

Sub Documentation SoP

Web3 Solutions

Install Guides

Explore videos, guides, and support for implementing AesirX solutions

AesirX Documentation Hub

Discover resources to implement AesirX solutions that protect personal data, ensure compliance, streamline operations, and enhance marketing.

AesirX Documentation Hub

Web

ReactJS

NextJS

Solutions

Resources

Support

Partnership Opportunities