Selamat Tinggal Developer Sombong

Udah bayar mahal, sering buat bugs, giliran di interview sombongnya selangit seolah-olah memahami semuanya. Padahal pekerjaan klien selalu telat, iterasi lambat, tapi minta selalu gaji berlipat. Setidaknya itu yang diungkapkan oleh seorang pemilik startup owner di Jakarta. Dia bukan hanya kecewa tetapi juga sedih melihat pasar talenta yang saat ini menghamba pada lembaran tetapi lupa akan kualitas hantaran. Pada artikel ini kita akan membahas bagaimana mengatakan selamat tinggal kepada mereka dengan tegas, dengan mempersiapkan AI yang lebih cerdas dan tidak suka tebar huru-hara di kantor.

Dan kita mulai Artikel ini dengan membahas alur kerja ideal untuk membangun aplikasi end‑to‑end menggunakan Copilot Agent:

1. Mendesain struktur data / domain model
2. Membangun API backend
3. Menghasilkan UI
4. Menjalankan iterasi dan perbaikan dengan Copilot Agent

Semua dilakukan dengan pendekatan prompt engineering yang efektif.

---

1. Mulai dari Struktur Data (Domain Model)

Tahap pertama adalah mendefinisikan domain aplikasi. Copilot Agent sangat kuat jika diberi konteks yang jelas.

Langkah Praktis

1. Buat folder proyek kosong.
2. Buka GitHub Copilot Chat / Agent.
3. Berikan prompt seperti:

“Buatkan struktur data untuk aplikasi manajemen produk.
Entitas: Product, Category, User.
Sertakan properti, tipe data, dan relasi.
Gunakan C# untuk backend ASP.NET Core.”

Apa yang akan dilakukan Copilot

• Membuat folder Domain/Entities
• Menghasilkan file seperti:
  • Product.cs
  • Category.cs
  • User.cs
• Menambahkan relasi EF Core (One-to-Many, Many-to-Many)
• Menyusun naming convention yang konsisten

Contoh Output (diringkas)

public class Product {
    public int Id { get; set; }
    public string Name { get; set; }
    public decimal Price { get; set; }
    public int CategoryId { get; set; }
    public Category Category { get; set; }
}

Tips

• Berikan constraints sejak awal: “gunakan nullable reference types”, “gunakan PascalCase”, “hindari inheritance berlebihan”.
• Copilot akan mengikuti pola yang Anda tetapkan.

---

2. Membangun API Backend

Setelah struktur data siap, lanjutkan ke API. Copilot Agent dapat menghasilkan:

• Controller
• Repository
• Service layer
• DTO
• Mapping (AutoMapper)
• Validasi
• Unit test

Langkah Praktis

1. Berikan prompt:

“Buatkan API CRUD untuk entitas Product.
Gunakan ASP.NET Core 9 Web API.
Sertakan DTO, mapping, service layer, dan validasi.
Pastikan semua method async.”

2. Copilot akan:
   • Membuat folder Controllers, Services, DTOs, Mappings
   • Menghasilkan controller lengkap
   • Menambahkan dependency injection otomatis

Contoh Output (diringkas)

[ApiController]
[Route("api/products")]
public class ProductsController : ControllerBase {
    private readonly IProductService _service;

    public ProductsController(IProductService service) {
        _service = service;
    }

    [HttpGet]
    public async Task<IActionResult> GetAll() =>
        Ok(await _service.GetAllAsync());
}

Tips

• Minta Copilot membuat error handling middleware.
• Minta Copilot membuat integration test untuk API.

---

3. Membangun UI (Web / Mobile)

Setelah API siap, Copilot Agent dapat membantu membangun UI menggunakan framework apa pun:

• React
• Next.js
• Blazor
• Flutter
• MAUI

Langkah Praktis

1. Buat folder frontend.
2. Berikan prompt:

“Buatkan UI React untuk menampilkan daftar produk dari API backend.
Sertakan halaman list, detail, dan form tambah produk.
Gunakan TailwindCSS.”

3. Copilot akan:
   • Membuat komponen React
   • Menghasilkan hook untuk fetch API
   • Membuat form validasi
   • Menyusun routing

Contoh Output (diringkas)

export default function ProductList() {
  const [products, setProducts] = useState([]);

  useEffect(() => {
    fetch("/api/products")
      .then(res => res.json())
      .then(setProducts);
  }, []);

  return (
    <div className="p-4">
      {products.map(p => (
        <div key={p.id} className="border p-2 mb-2">
          {p.name} - ${p.price}
        </div>
      ))}
    </div>
  );
}

Tips

• Berikan instruksi gaya desain: “minimalis”, “dashboard style”, “material design”.
• Copilot dapat membuat state management (Redux, Zustand) sesuai permintaan.

---

4. Iterasi dan Refinement dengan Copilot Agent

Setelah aplikasi berjalan, Copilot dapat membantu:

• Refactor kode
• Optimasi performa
• Menambahkan fitur baru
• Membuat dokumentasi
• Membuat test coverage

Prompt yang efektif

• “Refactor service layer agar lebih SOLID.”
• “Tambahkan pagination pada endpoint GetAll.”
• “Tambahkan dark mode pada UI.”
• “Buatkan README lengkap untuk proyek ini.”

---

Alur Kerja Ideal (Ringkas)

Tahap	Output	Prompt Contoh
1. Struktur Data	Entity, relasi, folder domain	“Buatkan struktur data untuk aplikasi X.”
2. API Backend	Controller, service, DTO, mapping	“Buatkan API CRUD untuk entitas X.”
3. UI	Halaman, komponen, form, routing	“Buatkan UI React untuk fitur X.”
4. Iterasi	Refactor, test, dokumentasi	“Refactor agar lebih clean architecture.”

---

Kesimpulan

GitHub Copilot Agent memungkinkan developer membangun aplikasi secara end‑to‑end dengan pendekatan intent‑driven development. Kuncinya adalah:

• Mulai dari struktur data
• Lanjutkan ke API
• Akhiri dengan UI
• Iterasi menggunakan prompt yang jelas dan terarah

Dengan pola ini, Anda bisa membangun aplikasi produksi jauh lebih cepat dan konsisten. Selamat tinggal developer sombong