Documentation

Explore the technical details, architecture, and setup guide for TestiSpace.

Introduction

TestiSpace is an all-in-one platform designed for modern SaaS businesses to collect, manage, and embed video and text testimonials seamlessly. Built with a futuristic Space theme aesthetic, it combines powerful functionality with stunning visuals.

Futuristic UI/UX

Immersive dark mode design with glassmorphism and neon accents.

Multi-Media Collection

Accept both Text and Video testimonials directly from users.

One-Line Embed

Drop a single line of JS code to showcase your testimonials anywhere.

Smart Media Storage

Integrated Cloudinary support for optimized video/image uploads.

System Architecture

TestiSpace leverages a serverless architecture designed for scalability and performance.

  • FrontendNext.js Client Components for interactive UI (Dashboards, Forms).
  • BackendNext.js API Routes handle DB operations and file signing.
  • DatabaseMongoDB (via Mongoose) stores user data, spaces, and testimonials.
  • Embed EngineStandalone vanilla JS script using Shadow DOM for isolation.
Architecture

Tech Stack

Next.js 14
App Router
TypeScript
Type Safety
MongoDB
Database
Tailwind CSS
Styling
Framer Motion
Animations
NextAuth.js
Authentication
Cloudinary
Media Storage
Vercel
Hosting

Getting Started

# Clone the repository

git clone https://github.com/xeylous/testispace.git

# Install dependencies

npm install

# Run development server

npm run dev

Ready to build?

GitHub