System design

Architecture plan.

This keeps your launch realistic while still showing senior-level full stack and AI engineering thinking.

1. Launch

Next.js app on cPanel with browser-side editing and API placeholders.

2. Accounts

Add authentication, user dashboards, saved projects and workspace roles.

3. Storage

Move uploaded images/videos into Azure Blob Storage with metadata in PostgreSQL.

4. AI

Connect Azure AI Foundry, Azure OpenAI, agents, retrieval and tool calling.

5. Rendering

Add FFmpeg workers for high-quality video rendering, background jobs and queueing.

6. Scale

Add CDN caching, rate limiting, observability, payments, abuse controls and admin tools.

Recommended production architecture

Cloudflare DNS/CDN\n→ Next.js frontend and API routes\n→ PostgreSQL for users/projects\n→ Azure Blob Storage for media\n→ Azure AI Foundry Agents + Azure OpenAI\n→ MCP Server for tool actions\n→ FFmpeg render workers\n→ Stripe billing and usage metering\n→ Application Insights and audit logs