Skip to content

About

Next.js SSO demo application - complete authentication flow with React components

Topics

Resources

Stars

0 stars

Watchers

3 watching

Forks

Repository files navigation


Scalekit Next.js Demo App

Next.js License: MIT TypeScript

A modern Next.js application demonstrating Scalekit's enterprise authentication capabilities. This example showcases how to implement SSO authentication flows in a React/Next.js application using the app router.

Scalekit provides auth and actions on behalf of users, with 500+ connectors and 20,000+ tools.

🚀 What This Demo Shows

  • Enterprise SSO Integration: SAML/OIDC authentication flows using Scalekit
  • Next.js App Router: Modern Next.js 13+ patterns with server actions
  • Session Management: Secure authentication state with HTTP-only cookies
  • OAuth 2.0 Flows: Authorization code flow with CSRF protection
  • User Profile Management: Authenticated user data display
  • Modern UI/UX: Clean, responsive interface with Tailwind CSS

🚀 Quick Start

Prerequisites

  1. Sign up for a Scalekit account
  2. Get your env_url, client_id and client_secret from the Scalekit dashboard

Installation

# Clone the repository
git clone https://github.com/scalekit-developers/scalekit-nextjs-demo.git
cd scalekit-nextjs-demo

# Install dependencies
npm install
# or
yarn install
# or
pnpm install
# or
bun install

Configuration

  1. Copy the environment variables:
cp .env.example .env.local
  1. Update .env.local with your Scalekit credentials:
SCALEKIT_ENV_URL=your_env_url
SCALEKIT_CLIENT_ID=your_client_id  
SCALEKIT_CLIENT_SECRET=your_client_secret

Development

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

🔧 Tech Stack

  • Framework: Next.js 13+ with App Router
  • Language: TypeScript
  • Authentication: Scalekit SDK
  • Styling: Tailwind CSS (if configured)
  • Font: Inter (optimized with next/font)

🔗 Helpful Links

📖 Quickstart Guides

📚 Documentation & Reference

🛠️ Additional Resources

📱 More Example Apps

Explore other Scalekit integrations:

Framework Repository Description
Express.js scalekit-express-example Node.js/Express integration
FastAPI scalekit-fastapi-example Python/FastAPI integration
Go scalekit-go-example Go HTTP server integration
Spring Boot scalekit-springboot-example Java/Spring Boot integration

🤝 Contributing

We welcome contributions! Please see our Contributing Guidelines for details.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Next.js SSO demo application - complete authentication flow with React components

Topics

Resources

Stars

0 stars

Watchers

3 watching

Forks

Contributors

Languages