Spaces:
Runtime error
Runtime error
feat: Add sample data support for vault and trending services (Story 9.1) and introduce cloud extraction implementation guide.
6c576f2 metadata
title: Vault Video Processor
emoji: πΉ
colorFrom: blue
colorTo: indigo
sdk: docker
pinned: false
app_port: 7860
Vault
Vault is an AI-powered platform that transforms YouTube video archives into shoppable experiences. Creators can monetize their existing content by automatically detecting products featured in videos and matching them to marketplace listings.
Project Overview
Tech Stack:
- Framework: Next.js 15 (App Router) with TypeScript
- Styling: Tailwind CSS v4 with dark theme
- Database: Supabase Postgres with Drizzle ORM
- Authentication: Better Auth with YouTube OAuth
- Background Jobs: Inngest for AI discovery pipeline
- Deployment: Vercel (Frontend) + Railway (Workers)
Troubleshooting
For detailed information about cloud deployment issues and solutions, see the Troubleshooting Guide. For a comprehensive architectural overview of our cloud extraction strategy, see the Cloud Extraction Guide.
Getting Started
Prerequisites
- Node.js 20+ installed
- npm or yarn package manager
Installation
Clone the repository
Install dependencies:
npm installCopy environment variables:
cp .env.example .env.localRun the development server:
npm run devOpen http://localhost:3000 to see the application.
Available Scripts
npm run dev- Start development server with Turbopacknpm run build- Build production applicationnpm run start- Start production servernpm run lint- Run ESLint code quality checks
Project Structure
vault/
βββ src/
β βββ app/ # Next.js 15 App Router pages
β βββ components/ # Shared UI components
β βββ features/ # Feature-based modules
β β βββ auth/ # Authentication
β β βββ discovery/ # AI scanning
β β βββ marketplace/ # Marketplace sync
β β βββ vault/ # Viewer experience
β β βββ dashboard/ # Creator dashboard
β βββ lib/ # Utilities and configs
β βββ types/ # TypeScript types
βββ public/ # Static assets
βββ [config files]
Architecture
This project follows a feature-based architecture with:
- Mobile-first design (375px, 768px, 1200px breakpoints)
- Dark theme (#0A0B14 backgrounds, #4169FF primary actions)
- Server-side rendering for SEO optimization
- Inngest workflows for long-running AI tasks
Learn More
License
Private - All Rights Reserved