Laravel + Inertia + React (TypeScript) — Docker, Traefik & Full CI/CD

This project is a small demo application used to explore modern full-stack workflows. It includes a complete production-style environment:

• Docker + Traefik for local and cloud deployments
• GitHub Actions CI/CD with parallel jobs
• Self-hosted runners (Dockerized)
• Automated testing: unit, integration, E2E
• Playwright tests running against a real remote test server

The app itself is intentionally simple: ✅ Create, edit, and preview Markdown articles stored in a database.

---

✅ Continuous Integration & Quality Pipeline

The CI/CD pipeline reproduces a real-world workflow with quality gates before deployment.

✅ Code Quality Checks

• ESLint (TypeScript & React)
• PHPStan (Laravel)
• npm audit for security vulnerabilities
• GitGuardian for secret scanning

GitGuardian enforces security by allowing a pull request to proceed only if no secrets or credentials are detected in the code:

---

✅ Unit & Integration Tests

Vitest (React / TypeScript)

✅ CI coverage

✅ Local UI runner

Laravel Feature / Unit tests

The project uses the default test suite from Laravel Breeze + Inertia:

---

✅ End-to-End Tests

All E2E tests run with Playwright, simulating real user interactions.

• ✅ Smoke tests are tagged and executed only on specific branches (fast feedback).
• ✅ Full E2E tests run on main.
• ✅ Tests target a real remote test server behind Traefik.

---

✅ Workflow Example

The project uses matrix builds and parallel jobs to speed up CI:

---