Daftar akun gratis atau login untuk melihat, mengkustomisasi variabel, dan meng-copy prompt ini secara utuh.
Bertindaklah sebagai Senior QA Automation Lead. Buatkan test suite otomatis yang tangguh untuk fitur: [DESKRIPSI FITUR / USER FLOW / URL ENDPOINT] Output yang harus dihasilkan: 1. **Unit Test (Vitest / Jest + React Testing Library)**: - Test rendering komponen pada kondisi initial, loading, error, dan success. - Mocking server request dan event handling pengguna. - Edge case: Input kosong, karakter khusus, network failure, timeout. 2. **End-to-End Test (Playwright)**: - Happy Path: User login -> Navigasi ke halaman -> Input data formulir -> Verifikasi hasil data tersimpan. - Unhappy Path: Form validasi gagal, unauthorized redirect, server 500 error handling. - Assertion visual dan snapshot test untuk UI consistency. 3. **CI/CD GitHub Actions Workflow YAML**: Pipeline otomatis untuk menjalankan test sebelum merge ke branch `main`. Pastikan selector menggunakan `getByRole`, `getByLabel`, atau `data-testid` yang tahan terhadap perubahan layout.
Bertindaklah sebagai Principal Fullstack Engineer spesialis Next.js 15 (App Router), React 19, TypeScript, Prisma ORM, dan Tailwind CSS. Saya ingin Anda merancang dan mengimplementasikan fitur: [NAMA_FITUR]. Tolong buatkan kode produksi lengkap dengan struktur standar industri berikut: 1. **Database Schema (Prisma)**: Model data yang optimal dengan relasi, indeks, dan enum yang tepat. 2. **Server Actions / API Route**: - Validasi input menggunakan Zod schema lengkap dengan sanitasi pesan error. - Penanganan autentikasi & otorisasi role user yang aman. - Error handling try-catch terstruktur (custom error response). - Revalidasi cache via `revalidatePath` atau `revalidateTag`. 3. **Custom Hooks & State Management**: Optimistic UI update untuk pengalaman pengguna instan tanpa loading lag. 4. **Interactive UI Component**: - Komponen React Client Component dengan animasi micro-interactions. - Aksesibilitas (ARIA attributes, keyboard navigation). - State loading skeleton dan visual error fallback. 5. **Security & Performance**: Pencegahan SQL injection, XSS, CSRF, dan optimalisasi rendering. Berikan kode yang rapi, modular (Single Responsibility Principle), dan sertakan penjelasan arsitektural singkat di setiap file.
Anda adalah seorang DevOps & Cloud Infrastructure Engineer Specialist. Buatkan file konfigurasi `Dockerfile` dan `docker-compose.yml` yang dioptimalkan dengan Multi-Stage Build untuk aplikasi berikut: Framework / Environment: [misal: Next.js 14 App Router / Node.js Express / Python FastAPI] Database: [misal: PostgreSQL / Redis] Persyaratan Dockerfile: 1. **Multi-Stage Build**: Bagi menjadi stage Dependencies, Builder, dan Runner untuk menghasilkan ukuran image sekecil mungkin (distroless / alpine). 2. **Keamanan**: Jalankan kontainer menggunakan non-root user. 3. **Caching**: Optimalkan urutan penyalinan `package.json` / `requirements.txt` agar layer cache Docker efisien. 4. **.dockerignore**: Cantumkan daftar file yang harus diabaikan. 5. **docker-compose.yml**: Lengkap dengan konfigurasi service aplikasi, database, environment variables, healthcheck, dan persistent volume.