WorksheetsCRUD Next.Js
Total questions: 25
Worksheet time: 13mins
Apa itu CRUD dalam pengembangan aplikasi?
Copy, Read, Update, Deploy
Create, Read, Update, Delete
Create, Replace, Upload, Download
Connect, Read, Undo, Drop
Pada Next.js, di mana kita biasanya menulis handler untuk operasi CRUD menggunakan API Routes?
pages/api/
components/
utils/
views/
Fungsi HTTP method GET digunakan untuk?
Membaca data
Menambahkan data baru
Menghapus data
Mengedit data
Method HTTP yang digunakan untuk mengedit data adalah?
PUT
GET
DELETE
POST
Apa fungsi dari useState dalam operasi CRUD di frontend Next.js?
Menyimpan file gambar
Menyimpan dan mengelola state input
Menyimpan database
Menghapus state
Fungsi fetch('/api/posts') di Next.js akan mengakses?
Halaman front-end
Komponen React
API route /pages/api/posts.js
Folder utils/posts
Untuk menghapus data dengan fetch, method apa yang digunakan?
PATCH
GET
POST
DELETE
Fungsi res.status(200).json(data) pada API route digunakan untuk?
Menghapus data
Menyimpan data ke database
Mengembalikan respon JSON
Mengedit file
Untuk operasi CREATE, method apa yang paling sesuai?
POST
GET
DELETE
PUT
Salah satu keunggulan menggunakan API Routes di Next.js adalah?
Tidak perlu backend terpisah
Tidak perlu hosting
Bisa langsung membaca file .env di browser
Dapat diakses dari folder public/
Apa kegunaan CRUD dalam pembangunan aplikasi web?
Untuk mempercantik tampilan website
Untuk membuat website lebih ringan
Untuk mengatur data: membuat, membaca, mengubah, dan menghapus
Untuk menambahkan animasi di website
Mengapa CRUD sangat dibutuhkan dalam pembangunan aplikasi website?
Karena CRUD membuat website tampil lebih menarik
Karena semua data pengguna harus diolah (buat, baca, edit, hapus)
Karena tanpa CRUD, website tidak bisa diakses
Karena CRUD adalah satu-satunya cara membuat UI
Apa saja metode HTTP yang telah dipelajari dalam operasi CRUD?
HEAD, TRACE, CONNECT, PATCH
GET, POST, PUT, DELETE
SEND, RECEIVE, EDIT, ERASE
FETCH, PUSH, UPDATE, REMOVE
Apa itu CRUD dalam Next.js?
Library untuk animasi
Teknik styling
Operasi dasar manipulasi data
Bahasa pemrograman
Di Next.js, folder pages/api/ digunakan untuk?
Menyimpan gambar
Menyimpan route API
Menyimpan komponen UI
Menyimpan konfigurasi
Di Next.js, folder pages/api/ digunakan untuk?
Menyimpan gambar
Menyimpan route API
Menyimpan komponen UI
Menyimpan konfigurasi
Jika ingin menangani method yang berbeda (GET, POST, PUT, DELETE), kita menggunakan?
If-else atau switch dalam API handler
useEffect
useRouter
getStaticProps
File API route di Next.js harus diekspor sebagai?
default
component
JSX
router
Dimana letak terbaik untuk membuat validasi data input di aplikasi CRUD Next.js?
Di API route
Di komponen React
Di frontend dan backend
Tidak perlu validasi
Apa itu API Route di Next.js?
Route khusus untuk halaman
Route untuk pengolahan data server-side
Route untuk import file CSS
Route untuk middleware
Jika ingin menampilkan list data dari database, kita harus?
Gunakan method POST
Gunakan method GET
Gunakan method DELETE
Gunakan localStorage
Untuk mengedit data berdasarkan ID, biasanya kita mengirim?
Path URL tanpa ID
Body kosong
URL dengan parameter ID
File eksternal
Di dalam API Route Next.js, req.method digunakan untuk?
Mengatur header
Mengecek metode HTTP yang dipakai
Menyimpan file
Melakukan routing otomatis
Fungsi dari useRouter() dalam Next.js?
Untuk routing dan navigasi antar halaman
Untuk mengambil data
Untuk menghapus file
Untuk melakukan validasi
Apa kepanjangan dari API?
Automated Program Interaction
Advanced Processing Integration
Application Protocol Internet
Application Programming Interface
