Dashboard Layout
The console is organized into clear sections for easy navigation:Header Navigation
- Logo and home link: Return to dashboard from anywhere
- User menu: Access account settings and sign out
- Theme toggle: Switch between light and dark mode
Main Dashboard
Statistics Cards
Four key metrics displayed prominently:Projects
Total number of projects in your workspace
API Keys
Active API keys across all projects
End Users
Total users registered in your applications
Status
Overall workspace health indicator
Quick Actions Section
Shortcut buttons for common tasks:- Create Project: Set up a new project
- Generate API Key: Create authentication credentials
- View Documentation: Access guides and references
- Browse Examples: See sample applications
Getting Started Guide
For new developers, a step-by-step checklist appears:1
Set up your first project
Your default project is already created, or create additional ones
2
Generate API credentials
Create or view your developer and project API keys
3
Clone the Starter Kit
Download the Next.js template from GitHub
4
Configure and deploy
Add credentials and customize your application
Sidebar Navigation
Access all console features from the sidebar:Projects
Manage your application projects:- View all projects: See complete project list
- Create new project: Add projects for different applications
- Project details: View configuration and settings
- Delete projects: Remove projects you no longer need
API Keys
Manage authentication credentials:- Developer keys: Your personal authentication key
- Project API keys: Keys scoped to specific projects
- Generate new keys: Create additional credentials
- Revoke keys: Disable compromised or unused keys
- Usage tracking: See when keys were last used
Users
Monitor your application users:- User list: View all end users across projects
- User analytics: Track registration trends
- User details: See individual user information
- Filter by project: Isolate users for specific projects
Settings
Configure your developer account:- Profile information: Update email and password
- Preferences: Set dashboard defaults
- Security: Manage authentication settings
Configuration Issues Banner
If you see an amber banner at the top:Dashboard Actions
Creating a New Project
- Click “Create Project” from quick actions or sidebar
- Enter project name and description
- Click “Create”
- System generates project ID and API key automatically
- Copy credentials before navigating away
Generating API Keys
- Navigate to Projects section
- Select the project
- Click “Generate API Key”
- Optionally add a key name for identification
- Copy the full key immediately (shown only once)
Viewing Users
- Click “Users” in sidebar
- See all registered end users
- Filter by project if needed
- View user details and registration dates
Mobile Experience
The console is fully responsive:- Collapsible sidebar: Hamburger menu on mobile devices
- Stacked cards: Stats display vertically on small screens
- Touch-optimized: All buttons and controls work with touch
- Readable text: Font sizes adjusted for mobile viewing

