Build an API for your Next Application - Chapter 8 (Bahasa Indonesia)

Thanks for reading.. Ini adalah chapter 8 dari pembahasan Next js as your Web Development Framework. Jika kamu belum membaca chapter sebelumnya silahkan kunjungi artikel tersebut pada link dibawah. Ok, mari kita lanjutkan…

Application Programming Interface atau biasa kita kenal API adalah salah satu backend component sebagai jembatan komunikasi antara aplikasi (front end) dan backend component, service, atau bahkan aplikasi lainnya. Dengan teknik ini aplikasi dapat berkomunikasi dengan bagian back end dengan lebih aman karena tidak memiliki koneksi langsung terhadap component backend yang credential seperti database.

API sudah menjadi standar baru dalam pengembangan backend dalam aspek layanan komunikasi data antar aplikasi atau layanan. API berisi beberapa instruksi dan kode yang melayani permintaan (request) dari aplikasi lainnya. API berperan sebagai backend service dibandingkan hanya sebuah application code.

Next.js mempermudah pekerjaan developer untuk membangun API ada aplikasi mereka dengan memanfaatkan fungsi routing sebagai default behaviour pada struktur folder. Untuk membuat sebuah API routes kita hanya perlu membuat sebuah folder dengan nama api didalam folder pages. Semua folder dan file yang ada didalam folder api akan diperlakukan sebagai API endpoint.

Let's build our first API, shall we?. Dengan menggunakan struktur folder diatas, mari kita buat API pertama kita pada file index.js. Lihat kode dibawah ini:

Kode diatas akan mengembalikan data dalam bentuk JSON dengan isi { 'message': 'Hello world. API is Working' }. Kita bisa akses pada path ' /api '. Kita juga bisa uji API ini menggunakan REST Client seperti postman dengan metode GET

Sekarang coba kita buat lagi API endpoint untuk ' /api/user '. Kita akan kembalikan informasi tentang identitas user seperti name, profession, dan nationality. Coba kita tulis kodenya seperti dibawah ini

Then, start server dan kita bisa akses pada url ' api/user '.

Teknik yang sama juga berlaku untuk semua folder yang ada didalamnya. Coba kita modifikasi kode pada file pages/api/blog/index.js dan pages/api/blog/post.js.

Seperti sebelumnya, kita bisa akses API endpoint ini pada masing-masing url ' api/blog ' dan ' api/blog/post '.

Demikian penjelasan singkat bagaimana kita bisa membangun API kita sendiri di dalam Next.js tanpa perlu menggunakan server backend terpisah. Pada chapter selanjutnya kita akan bahas lebih dalam bagaimana menggunakan Next API endpoint untuk menjalankan HTTP request termasuk metode GET, POST, PUT, DELETE, dan bagaimana cara mengkonfigurasi API kita menggunakan dynamic routes. Akan banyak sekali konsep yang akan kita pelajari di chapter selanjutnya.