Alien Solana SSO Demo App: Live Example and Source Code

Explore a complete working example of Alien Solana SSO integration 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 18 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 data
cp .env.example .env
 
# Run the Solana SSO example app
npm run dev

The demo app will be available at http://localhost:3000 (or another port if 3000 is occupied).

Project Structure


apps/example-solana-sso-app/
├── src/
│   ├── App.tsx                     # Main application component
│   ├── main.tsx                    # Entry point with providers
│   ├── components/
│   │   ├── WalletConnection.tsx    # Wallet connection component
│   │   ├── Dashboard.tsx           # Protected dashboard
│   │   └── LoginPage.tsx           # Login page with SolanaSignInButton
│   └── ...
├── package.json
└── vite.config.ts

Next Steps

Core Integration Guide - For vanilla JavaScript/TypeScript projects.
React Integration Guide - For React applications.
API Reference - React - Complete API documentation for React SDK.