Next.jsReactshadcn/uiMaterial UInext-intlMDXFluid Compute
Consumer AIGC product. Aggregates and enables flexible configuration of various generation components, providing capabilities for video, image generation and editing, plus an LLM business.
Built with RSC and Next.js for hybrid rendering and streaming. Leverages Fluid Compute and Next.js backend for service capabilities.
Designed and implemented Video Ocean's technical architecture, leading and guiding the team in requirement design and development, providing recommendations for product operations and iteration.
Next.js and Full-Stack Architecture
Hybrid Rendering
Designed overall architecture based on RSC, with extreme component decomposition to maximize rendering efficiency. Limited client component context to avoid abuse and unnecessary consumption of client runtime resources (like zustand store, early approach). Reduced SSR hydration pressure and cached key data for basic PWA support.
Backend and Edge Services
Deployed frontend service (Next.js), backend services, and inference services in the same cluster for internal network access. For security and performance, only Next.js serves as the sole API gateway through Server Actions and Route Handlers, combined with hybrid rendering to minimize unnecessary data transfer. Implemented features like OAuth through frontend capabilities, with third-party edge services handling resource caching, transcoding, and storage.
AI Generates Everything
Atomic Generation Components
Decomposed complex AIGC input parameters, designed atomic input components based on model/modality dimensions, enabling arbitrary input parameter configuration and combinations, with aggregated generation components for rapid reuse.
Feature List Approach
Video Ocean's early technical approach, also common among most AIGC products. Designed input components from a feature perspective (like text-to-video, image-to-video), enabling arbitrary input component configuration by feature dimension, with configuration-based rapid development and deployment of corresponding features.