Penerapan Server Action Pada Nextjs app Router
Next.js 13+ mengintegrasikan React Actions untuk menyediakan solusi bawaan untuk server mutations. Server Actions memungkinkan Kita untuk mendefinisikan fungsi server yang asinkron dan memanggilnya langsung dari komponen React Kita Konsep…
Prisma integration in Nextjs app Router
Prisma is an open-source data access layer that simplifies database management in modern applications. It offers a strong API to communicate with databases and supports various databases like PostgreSQL, MySQL,…
Menggunakan Middleware Pada Nextjs
Konsep Middleware Middleware pada Next.js 13 adalah sebuah konsep yang memungkinkan kode untuk dijalankan sebelum permintaan lain selesai. Dengan memodifikasi respons berdasarkan permintaan yang masuk, Kita dapat menulis ulang, mengarahkan,…
Authentikasi NextAuth menggunakan akun Github dan Google pada Nexjs App Router
NextAuth adalah sebuah library yang digunakan untuk mengimplementasikan autentikasi dan manajemen sesi dalam aplikasi web modern. Library ini mendukung berbagai metode autentikasi, termasuk OAuth, Email/Password, dan lainnya. NextAuth dirancang untuk…
Data Fetching Pada Nextjs 13
Nextjs 13 telah meniadakan getserversideprops. sekarang kita bisa dengan mudah memanggil data hanya dari komponen menggunakan sebuah file export function asyncronous. Metode Data Fetching di Next.js 13 Berikut adalah metode…
Route API Handler pada Nextjs router
Jika pada NextJS sebelumnya ketika kita membuat API handler, maka kita memanggil method didalam satu fungsi dengan sedikit logika untuk menangkap method sebuah request. Seperti dibawah ini: Maka pada Nextjs…
Router di Nextjs router
Saat pertama kali initiasi projek dengan nextjs didalam directory app kita akan menemukan layout.tsx dan page.tsx. layout sendiri adalah template untuk aplikasi kita, disana kita bisa mengatur html atau include…
Memulai Projek dengan Nextjs router
Next.js adalah framework React yang dibuat untuk mengatasi masalah client-side rendering yang dimiliki React .Next.js menawarkan berbagai fitur yang dapat mempercepat, mempermudah, dan memperluas pengembangan aplikasi. Sampai artikel ini dibuat Nextjs…
Dynamic Routes di NextJS
Dynamic Routes memungkinkan Anda membuat rute dinamis di Next.js yang dapat menangani URL dengan berbagai nilai parameter. Ini sangat berguna untuk membuat halaman yang dinamis berdasarkan data yang berasal dari…
Data Fetching Dalam nextjs dengan React-query
React Query adalah pustaka populer yang mempermudah pengelolaan data di aplikasi React. Ini memungkinkan Kita untuk dengan mudah mengambil, menyimpan, dan memperbarui data dari berbagai sumber, seperti API REST atau…