Skip to main content
AnotherWrapper Premium is a single Next.js app, not a monorepo. The docs should help you find the right part of the codebase quickly so you do not edit the wrong layer by accident.

​
Main Surfaces

The repo has a few big surfaces:
  • app/landing for the public marketing page
  • app/(apps) for the product apps
  • app/home for the signed-in dashboard
  • app/api for shared API routes like auth, avatars, OG images, and payment webhooks

​
Main Shared Layers

  • components/ for reusable UI and app components
  • lib/ai/ for model and provider logic
  • lib/auth/ for auth helpers
  • lib/db/ for database queries and mutations
  • lib/payments/ for billing logic
  • lib/email/ for contact sync
  • lib/analytics/ for product analytics
  • lib/storage/ for object storage
  • lib/rag/ for document chunking, embeddings, and retrieval

​
Where To Edit Common Things

​
Marketing site

Edit:
  • app/landing/page.tsx
  • components/landing/*
  • config.ts

​
Product apps

Edit:
  • app/(apps)/chat
  • app/(apps)/image-studio
  • app/(apps)/video-studio
  • app/(apps)/voice
  • app/(apps)/audio
  • app/(apps)/vision
  • app/(apps)/structured-output

​
Shared business logic

Edit:
  • lib/*
That is where cross-app behavior usually belongs.

​
Database

Edit:
  • supabase/migrations/*

​
Public docs

Edit:
  • docs/public/*

​
Internal architecture notes

Edit:
  • docs/architecture/*

​
Good Beginner Rule

When you want to change something, ask:
  1. is this marketing-only?
  2. is this one app only?
  3. is this shared across several apps?
That question usually tells you whether the change belongs in components/landing, app/(apps)/..., or lib/....