django-vue-flutter

To build a full-stack feature with TDD, you define failing tests first, then implement Django models, DRF serializers, Vue components, and Flutter screens, running mypy and TypeScript strict checks before regenerating OpenAPI clients. This enforces a strict RED-GREEN-REFACTOR cycle across the entire monorepo.

To keep API clients synchronized after Django model changes, you apply database migrations, regenerate the OpenAPI client, and run Zod validation to ensure the frontend contract matches the backend. This maintains type safety across Vue and Flutter applications.

The best way to add a CRUD resource end-to-end is creating a Django app, defining the model with tests, exposing it via a DRF ViewSet, then implementing the Vue component and Flutter screen to list posts while regenerating the API client. This ensures full-stack consistency.

Yes, the TDD workflow supports strict type checking by enforcing mypy for Python and TypeScript strict mode across the generated Vue components and Flutter screens. These checks run alongside tests before committing to maintain correctness.

Yes, you can use Docker Compose commands to manage the full-stack development workflow within the starter template. The Skill maintains a consistent monorepo structure that executes tests, type checks, and OpenAPI client regeneration through Docker Compose commands.

Generated API clients fail validation when DRF serializer updates are not followed by OpenAPI client regeneration and Zod validation. Running the TDD workflow regenerates the client to match the updated backend contract, ensuring type-safe responses across Vue and Flutter.