23blocks App Templates

Production-ready starter templates for building web and mobile applications with the 23blocks SDK. Get authentication, user management, and backend integration working in minutes.

Features

• Pre-configured Authentication - Sign in, sign up, password reset flows ready to use
• Multiple Frameworks - Next.js, Angular, and React Native (Expo) templates
• TypeScript First - Full type safety across all templates
• Dark Mode Support - Built-in dark mode with modern styling
• Production Patterns - Cookie auth, secure storage, and best practices included
• Zero Config - Just add your API key and start building

Available Templates

Choose your framework and click "Use this template" to create your own repository:

Template	Framework	Description
Next.js	Next.js 15 + React 19	App Router, Server Components, Tailwind CSS
Angular	Angular 19	Standalone components, RxJS, reactive forms
Mobile	React Native (Expo 52)	Expo Router, secure token storage

Quick Start

Option 1: Use GitHub Template (Recommended)

1. Click one of the "Use Template" buttons above
2. Name your repository and click "Create repository"
3. Clone your new repo and install dependencies:

git clone https://github.com/YOUR_USERNAME/YOUR_REPO.git
cd YOUR_REPO && npm install

Option 2: Use degit

Alternatively, use degit to clone without git history:

# Next.js
npx degit 23blocks-OS/nextjs-template my-app

# Angular
npx degit 23blocks-OS/angular-template my-app

# Mobile
npx degit 23blocks-OS/mobile-template my-app

Configure and Run

After cloning, configure your environment and start developing:

# Next.js / Mobile
cp .env.example .env.local  # Edit with your API key
npm run dev

# Angular
cp src/environments/environment.example.ts src/environments/environment.ts
npm start

Configuration

All templates use the same configuration pattern:

{
  apiKey: 'your-api-key',
  urls: {
    authentication: 'https://auth.your-domain.com',
    products: 'https://products.your-domain.com',  // optional
    crm: 'https://crm.your-domain.com',            // optional
  },
  authMode: 'token',      // or 'cookie' for production
  storage: 'localStorage', // or 'sessionStorage' | 'memory'
}

Note: Service URLs are optional. Only configure the services you need. Attempting to use an unconfigured service will throw a helpful error message.

Auth Modes

Mode	Best For	How It Works
Token (default)	SPAs, mobile apps, development	SDK stores tokens in browser/device storage
Cookie	Production web apps, SSR	Backend sets httpOnly cookies (more secure)

Why 23blocks?

23blocks provides 15+ production-ready API blocks that save 1000+ development hours:

Block	Description
Authentication	Login, registration, identity verification
User Management	User accounts, profiles, permissions
OAuth & SSO	Google, GitHub, social login, enterprise SSO
JWT Authentication	Secure token-based auth
Magic Link Auth	Passwordless email authentication
Multi-factor Auth	SMS, TOTP, additional security layers
Session Management	User sessions, token refresh
API Key Management	Developer API credentials
Onboarding Flow	Guided user setup experiences
Multi-tenant	Single app serving multiple organizations
CRM	Contacts, leads, customer data
File Storage	Cloud storage for uploads

These templates give you a head start with pre-built integrations for all 23blocks services.

Requirements

• Node.js 18+
• npm or yarn
• A 23blocks account and API key

Documentation

• 23blocks SDK Documentation
• Next.js Template
• Angular Template
• Mobile Template

Contributing

Contributions are welcome! Please read our Contributing Guide and Code of Conduct.

Community

• GitHub Issues - Bug reports and feature requests
• GitHub Discussions - Questions and ideas
• 23blocks Website - Product information

License

MIT License - see LICENSE for details.

---

23blocks.com · Documentation · SDK