Skip to Content
Demo App
View .md

Alien Solana SSO Demo App: Live Example and Source Code

Explore a complete working example of Alien Solana SSO wallet linking in a React application.

Live Demo: Try Solana SSO in Action

Try the demo app to see how Alien Solana SSO works in practice.

View Demo App → 

Clone the Demo Repository

The complete source code is available in the sso-sdk-js monorepo.

Repository: github.com/alien-id/sso-sdk-js/tree/main/apps 

Run the Solana SSO Demo Locally

Prerequisites

  • Node.js 20 or higher.
  • npm or pnpm.
  • Solana wallet browser extension (Phantom, Solflare, etc.).

Setup

# Clone the repository
git clone https://github.com/alien-id/sso-sdk-js.git
cd sso-sdk-js
 
# Install dependencies
npm install
 
# Build all packages (required before running demo)
npm run build
 
cd ./apps/example-solana-sso-app/
 
# Copy .env.example and fill in the values
cp .env.example .env
 
# Run the Solana SSO example app
npm run dev

The .env file takes two variables:

  • VITE_ALIEN_SSO_BASE_URL — the SSO service base URL (.env.example defaults to the develop environment)
  • VITE_ALIEN_PROVIDER_ADDRESS — the platform provider address from the Developer Portal 

The demo runs against the Solana devnet cluster and will be available at http://localhost:3000.

Project Structure

apps/example-solana-sso-app/
├── src/
│   ├── App.tsx           # Providers, wallet connection, linking UI
│   ├── index.tsx         # Entry point
│   └── ...
├── index.html
├── package.json
└── vite.config.ts        # Vite + node polyfills (buffer, process, util, stream)

Next Steps

Last updated on
ReactCreate Mini App