Owner: Engineering Team | Last Updated: 2026-01-30 | Status: Current
The WWAI Web App is the primary user-facing application in the WWAI platform. Built with Next.js and TypeScript, it provides AI-powered text humanization and detection tools, document management, user authentication, and subscription billing. The application supports 8 languages and is deployed across three environments via AWS ECS.
Repository: app-main
Primary Branch: main
Runtime Port: 3001
Node Version: 20.9.0
| Technology |
Version |
Purpose |
| Next.js |
16.0.10 |
React meta-framework (App Router) |
| TypeScript |
5.7.2 |
Type-safe JavaScript |
| React |
(bundled with Next.js) |
UI rendering library |
| Technology |
Version |
Purpose |
| Redux Toolkit |
2.5.0 |
Global state management |
| Axios |
1.7.9 |
HTTP client for API communication |
| Formik |
2.4.6 |
Form state management |
| Yup |
1.6.1 |
Schema-based form validation |
| Technology |
Version |
Purpose |
| Tailwind CSS |
3.4.17 |
Utility-first CSS framework |
| NextUI |
v2 |
Component library built on Tailwind |
| Framer Motion |
11.15.0 |
Animation library |
| TipTap |
3.10.7 |
Rich text editor (humanizer input/output) |
| Technology |
Version |
Purpose |
| NextAuth.js |
4.24.11 |
Authentication framework (JWT strategy) |
| Google OAuth |
- |
Social login provider |
| Facebook OAuth |
- |
Social login provider |
| Technology |
Version |
Purpose |
| next-intl |
4.6.0 |
i18n framework for Next.js |
| Technology |
Version |
Purpose |
| Stripe |
(via Checkout.tsx) |
Payment processing |
| Churnkey |
(via API route) |
Subscription retention / cancel flow |
| Technology |
Version |
Purpose |
| Docker |
node:20.9.0-alpine |
Containerization |
| GitHub Actions |
- |
CI/CD pipelines |
| AWS ECS |
- |
Container orchestration |
| Sentry |
(via SENTRY_AUTH_TOKEN) |
Error monitoring |
| Google Tag Manager |
(via GTM component) |
Analytics |
| Feature |
Description |
Documentation |
| Humanizer |
AI text humanization with configurable readability, purpose, and anti-detection strength |
features/humanizer.md |
| Detector |
AI content detection across 9 detector engines |
features/detector.md |
| Documents |
Document management with versioning, search, pin, and CRUD operations |
features/documents.md |
| Authentication |
Multi-provider auth with JWT sessions, token refresh, and social login |
features/auth.md |
| Payments |
Stripe checkout, plan selection, and Churnkey retention flows |
features/payments.md |
| Internationalization |
8-language support (EN, DE, ES, FR, IT, PT, ZH, NL) |
architecture/routing.md |
| Dashboard |
User dashboard with document listing, usage stats |
features/documents.md |
| Settings |
Account settings, billing portal, referral program |
- |
| Embed Widgets |
Embeddable humanizer/detector variants for third-party sites |
- |
Browser
|
v
Next.js App (Port 3001)
|-- App Router ([locale] segments)
|-- NextAuth.js (JWT sessions)
|-- Redux Toolkit (client state)
|-- Axios (API layer)
|
v
Backend API (NEXT_PUBLIC_BACKEND_URL)
|-- /api/user/* (auth, profile)
|-- /api/feature/* (humanizer, detector, history)
|-- /api/payments/* (checkout, pricing)
| Decision |
Rationale |
| Next.js App Router |
Server components, streaming, layouts, parallel routes |
| Redux Toolkit |
Predictable state management with async thunks for API calls |
| NextAuth.js with JWT |
Stateless auth suitable for containerized deployments |
| next-intl |
Native Next.js i18n with App Router support |
| TipTap |
Extensible rich text editor for humanizer input/output |
| Docker multi-stage build |
Optimized image size with Alpine base |
| Turbopack |
Fast local development HMR |
- Production: Deployed on AWS ECS with auto-scaling
- Environments: Development, Preproduction, Production
- CI/CD: Fully automated via GitHub Actions
- Monitoring: Sentry for errors, CloudWatch for logs, GTM for analytics
| Date |
Author |
Change |
| 2026-01-30 |
Admin |
Initial creation |
Next: Local Development Setup | Up: WalterWrites