Crafexa Studio – Creator Operations & Multistream Next.js Admin Template

Crafexa Studio is a premium, frontend-only creator operations and social publishing admin template built with Next.js 16, React 19, TypeScript and Tailwind CSS 4. It is designed for creators, content teams, social-media agencies, streaming platforms, publishing SaaS products and developer teams building modern creator-economy applications.

The product combines content planning, multi-platform publishing, live-stream workflows, audience and performance analytics, engagement, revenue, AI-assisted optimization, agency operations and developer integrations inside one consistent application system.

Current release: v1.0.1

Built With

Next.js 16.4.0
React 19.2.8
TypeScript 5.9.3
Tailwind CSS 4.3.3
Recharts
TanStack Table
Radix UI
React Hook Form + Zod
Lucide icon system
next-themes for light/dark appearance

Typography & Visual System

Crafexa Studio uses a clear, readable creator-focused design system with strong hierarchy, calm surfaces and restrained semantic color.

Manrope — primary interface font
JetBrains Mono — API, log, token and technical metadata surfaces
30px desktop page headings
18px section headings
16px card headings
15px body copy
14px operational minimum for metadata and table content
44px+ primary actions and readable 46px form controls

The interface uses an Electric Blue light theme by default, with a layered navy dark theme also included. Violet is used for creator and AI intelligence, blue for workflow and platform information, cyan for live/network states, emerald for success and positive revenue, amber for review/warning states, and coral for critical/live-risk states.

Creator Command Center

Creator-focused dashboard with media-first presentation
Global Reach and audience overview
Live Everywhere multistream preview
AI Insights and creator health indicators
Content Flow workflow cards
Publishing Calendar
Platform Momentum analytics
Revenue Overview
Audience activity heatmap
SEO Performance with circular score indicators
Recent Activity and operational status

Content & Publishing Workflows

Content Studio
All Content and Video Library
Upload & Composer workflow
Drafts
Publishing Calendar
Publishing Queue
Approval Queue
Content Detail
Platform-specific content variants
Publishing, retry, partial-failure and status states

Live & Multistream Operations

Live Control Room
Create Live workflow
Scheduled Live
Active Live Detail
Destination management
Recordings
Live Analytics
Viewer, stream-health and destination states
Custom RTMP-ready frontend workflows
Local browser camera, microphone and screen-capture demo controls where supported

Analytics & Audience Intelligence

Analytics Overview
Content Performance
Video Analytics
Audience insights
Growth & Engagement
Platform Comparison
Retention, heatmap and performance visualizations
Shared, internally reconciled demo metrics across related routes

AI & Optimization

AI Studio
Ideas & Trends
Repurpose workflows
Goals & Benchmarks
Creator Health
SEO optimization surfaces
Thumbnail and content packaging workflows
Metadata and creative-assistant interfaces
Provider-neutral backend connection settings

Revenue & Creator Business

Revenue Overview
Platform Revenue
Sponsorship workflows
Affiliate & Membership views
Payouts & Expenses
Revenue mix and creator-business analytics

Agency Operations

Agency Overview
Clients & Workspaces
Creators
Team & Roles
Campaigns
Reports
Approval-oriented workflows for multi-user creator teams

Engagement & Community

Unified Inbox
Comments & Mentions
Moderation
Saved Replies
Assignment, review and response-oriented UI states

Developer & Integration Surfaces

Connected Channels
Connection Health
Integrations
Credentials & Scopes
Webhooks
API & Sync Logs
Custom RTMP & Storage
Typed frontend API and media contracts
Provider-capability states for supported, limited and unavailable actions

Application Coverage

The package contains 70 registered main application routes plus authentication, error and auxiliary application states. Major areas include creator and agency dashboards, accounts, content, live, engagement, analytics, revenue, AI and growth, optimization, automation, developer integrations and system settings.

Light & Dark Themes

Electric Blue light theme
Layered navy dark theme
Theme-aware operational surfaces
Media-first focal cards
Semantic status colors
Saved appearance preferences

Responsive Design

Desktop, tablet and mobile layouts
Responsive sidebar and mobile drawer
Responsive dashboard grids
Mobile-friendly cards and data presentation
Accessible focus handling
Reduced-motion support
Theme-aware overlays, forms and controls

Clean Source Structure

src/
├── app/          Next.js routes and layouts
├── components/   reusable UI and feature components
├── data/         centralized demo data
└── lib/          config, adapters, contracts and reusable logic

Large interactive features use focused components and adjacent models/views where appropriate, helping keep the codebase maintainable without turning every interface into an oversized single component.

Realistic Demo Data

Bundled demo data is centralized under src/data/ and is intentionally finite and internally reconciled. Shared creator, analytics, revenue and workflow values are reused across related pages instead of generating unrelated random numbers on each screen.

API-Ready Frontend Architecture

Crafexa Studio separates the presentation layer from privileged backend operations. Typed contracts are included for buyers who want to connect authentication, provider APIs, media storage, publishing services, AI providers, live infrastructure or other backend systems.

Important: Next.js does not automatically make bundled demo arrays realtime. Production realtime data, WebSocket/SSE updates, social-provider APIs and secure operations require your own backend or service integration.

Security-Oriented Frontend Boundary

No real API secrets bundled
No OAuth client secrets stored in browser code
No private RTMP keys bundled
No payment credentials bundled
No production social-network credentials bundled
Public environment configuration documented through .env.example

Branding & Customization

Editable Crafexa Studio logo, mark and favicon assets
Appearance settings for local logo/favicon preview
Centralized design tokens and theme rules
Reusable shared UI components
Centralized demo records
Documented route and file structure

Buyer Package Media Policy

The ThemeForest buyer package includes neutral placeholder media in the same media slots and geometry used by the live preview. Marketplace screenshots and hosted preview media can therefore differ from the buyer download. Replace the placeholders with your own licensed media for production use.

What You Get

Complete editable Next.js source
React + TypeScript components
Tailwind CSS 4 styling system
70 registered main application routes
Light and dark themes
Responsive layouts
Charts, forms, tables and reusable UI components
Centralized demo data
API/media integration contracts
Local Manrope and JetBrains Mono fonts
Placeholder media for buyer distribution
Markdown documentation
Browser-readable HTML documentation
Changelog, credits and third-party notices
Asset and release-package guidance

Documentation Included

Installation and quick start
Project structure
Design system
Route inventory
Creator integration guide
API adapter contract
Media lifecycle
Demo-data governance
Assets and placeholder-media guide
Release checklist
Deployment and troubleshooting

Requirements

Node.js 20.19 or newer
npm compatible with your Node.js installation
Chrome 111+, Edge 111+, Firefox 111+ or Safari 16.4+

Please Note

Crafexa Studio is a frontend/admin template. It does not include a production database, authentication server, OAuth server, real social publishing service, object storage, FFmpeg/media-processing workers, RTMP relay infrastructure, AI-provider credentials, payment processing or other privileged backend services.

Social-network and provider names are used descriptively to demonstrate integration-oriented interfaces. Their trademarks remain the property of their respective owners and no affiliation or endorsement is implied.

Version: 1.0.1

Website Templates

Browse Templates By Tags