Resource Routes

Resource routes ini simpelnya adalah route yang nggak punya UI, jadi lo cuman export fungsi loader atau action aja. Persis, fungsinya kayak API Routes di Next.js. Maka dari itu, kita coba bikin "API Routes" di React Router pake resource routes.

Pertama, lo bikin route-nya dulu di app/routes.ts:

Kemudian lo bikin file app/routes/api/products.ts:

Selesai! Sekarang lo punya resource route yang bisa diakses di /api/products.

Fungsi loader bisa lo pake buat nge-handle request GET ke /api/products. Sementara buat request POST, PUT, DELETE, atau PATCH, bakal di-handle sama fungsi action:

Kalo dalam suatu kasus lo pake fetch dan ngirim payload JSON, lo bisa pake request.json():

Sesuai sama namanya, resource routes ini nggak khusus buat API aja. Lo bisa ngelakuin sesuatu yang lain juga, misalnya nge-handle webhook, render PDF, atau nge-stream response dari LLM.