mirror of
https://github.com/Wan-Video/Wan2.1.git
synced 2025-11-02 21:42:16 +00:00
e8fda73741
This commit adds a production-ready Progressive Web App for AI-powered video generation using Wan2.1 models. Features: - Next.js 15 frontend with App Router and PWA support - FastAPI backend with Replicate integration - 50+ prompt templates across 7 categories - Supabase authentication and database - Credit system with usage tracking - Text-to-Video and Image-to-Video generation - Complete documentation (setup, deployment, contributing) Project Structure: - apps/web: Next.js frontend with shadcn/ui components - apps/api: FastAPI backend with GPU processing via Replicate - packages/db: Database schema and migrations for Supabase Tech Stack: - Frontend: Next.js 15, shadcn/ui, Tailwind, Zustand, React Hook Form, Zod - Backend: FastAPI, Replicate, Supabase - Database: Supabase (Postgres) with RLS - Infrastructure: Turborepo monorepo, Vercel/Modal deployment Documentation: - README.md: Project overview and features - SETUP.md: Complete setup guide (5-minute quickstart) - DEPLOYMENT.md: Production deployment instructions - CONTRIBUTING.md: Contribution guidelines - PROJECT_SUMMARY.md: Comprehensive project documentation Ready for development and deployment. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
53 lines
2.0 KiB
TypeScript
53 lines
2.0 KiB
TypeScript
import Link from "next/link"
|
|
import { Button } from "@/components/ui/button"
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className="flex min-h-screen flex-col items-center justify-center p-8">
|
|
<div className="max-w-4xl text-center">
|
|
<h1 className="mb-4 text-6xl font-bold tracking-tight">
|
|
Wan2.1 <span className="text-primary">PWA</span>
|
|
</h1>
|
|
<p className="mb-8 text-xl text-muted-foreground">
|
|
AI-Powered Video Generation Platform
|
|
</p>
|
|
<p className="mb-12 text-lg">
|
|
Create stunning videos with Text-to-Video and Image-to-Video using state-of-the-art
|
|
Wan2.1 models. 50+ prompt templates, real-time generation tracking, and installable PWA
|
|
experience.
|
|
</p>
|
|
|
|
<div className="flex flex-col gap-4 sm:flex-row sm:justify-center">
|
|
<Button asChild size="lg">
|
|
<Link href="/auth/signup">Get Started</Link>
|
|
</Button>
|
|
<Button asChild variant="outline" size="lg">
|
|
<Link href="/dashboard">View Dashboard</Link>
|
|
</Button>
|
|
</div>
|
|
|
|
<div className="mt-16 grid gap-8 sm:grid-cols-3">
|
|
<div className="rounded-lg border p-6">
|
|
<h3 className="mb-2 text-lg font-semibold">Text-to-Video</h3>
|
|
<p className="text-sm text-muted-foreground">
|
|
Generate videos from text prompts using advanced AI models
|
|
</p>
|
|
</div>
|
|
<div className="rounded-lg border p-6">
|
|
<h3 className="mb-2 text-lg font-semibold">Image-to-Video</h3>
|
|
<p className="text-sm text-muted-foreground">
|
|
Animate images into dynamic video sequences
|
|
</p>
|
|
</div>
|
|
<div className="rounded-lg border p-6">
|
|
<h3 className="mb-2 text-lg font-semibold">50+ Templates</h3>
|
|
<p className="text-sm text-muted-foreground">
|
|
Pre-built prompt templates for every creative need
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
)
|
|
}
|