Logo
© 2019 - 2026 SantriKoding.
GRATIS
FullStack Next.js Developer
Pemula

FullStack Next.js Developer

5.0 (32 ulasan)
754 members
Gratis

TENTANG


eBook ini berjudul "Fullstack Next.js Developer" dan disusun sebagai panduan praktis dan bertahap untuk membangun aplikasi Fullstack modern menggunakan Next.js.

Di dalam eBook ini, kita akan membangun sebuah aplikasi modern, mulai dari proses autentikasi hingga manajemen data. Pembahasan tidak hanya fokus pada tampilan, tetapi juga pada alur logika, keamanan, dan struktur aplikasi yang rapi dan mudah dikembangkan.

Semua materi disusun dari nol, dengan pendekatan langsung praktik, sehingga cocok diikuti oleh pemula yang baru belajar Next.js, maupun developer yang ingin memahami konsep Fullstack di App Router dengan benar.

Sepanjang eBook ini, kita akan membangun aplikasi dengan fitur utama:

  • Autentikasi pengguna (Sign Up, Sign In, Logout)
  • Proteksi halaman menggunakan Auth Middleware
  • Halaman Dashboard Admin
  • Manajemen data user (Create, Read, Update, Delete)

Seluruh fitur tersebut dibangun dalam satu project Next.js, tanpa backend terpisah, sehingga teman-teman dapat memahami bagaimana Next.js App Router bekerja sebagai Fullstack framework.

Dalam eBook ini, kita tidak menggunakan library autentikasi instan. Sebaliknya, kita membangun sendiri alur autentikasi dan manajemen data agar setiap prosesnya benar-benar dipahami.

Beberapa hal penting yang akan kita pelajari antara lain:

  • Validasi form menggunakan Zod
  • Hashing password menggunakan bcrypt
  • Pengelolaan database dengan Prisma
  • Server Actions untuk proses Create, Update, dan Delete
  • Pemisahan component, action, dan page agar struktur project tetap rapi

Dengan pendekatan ini, teman-teman tidak hanya bisa “mengikuti tutorial”, tetapi juga memahami kenapa kodenya ditulis seperti itu.

Semoga eBook ini dapat membantu teman-teman memahami alur pengembangan aplikasi Fullstack dengan Next.js secara utuh, mulai dari autentikasi, proteksi halaman, hingga pengelolaan data di dashboard admin.

Semangat belajar, dan semoga bermanfaat.

DAFTAR ISI


Pendahuluan
Cover
Kata Pengantar
Lisensi
Tentang
Prasayarat
Prasyarat FullStack Next.js
Installasi & Persiapan
Aplikasi Pendukung
Membuat Project Next.js
Database
Apa itu Prisma ORM
Installasi dan Konfigurasi Prisma ORM
Membuat Schema Table
Konfigurasi Prisma Client
Validations
Installasi Zod Validator
Membuat Schema Validation Auth
Membuat Schema Validation User
Authentication
Membuat Auth Utils & Auth Session
Membuat Auth Middleware
Layout App
Membuat Component Navbar
Konfigurasi Layout
Halaman Homepage
Membuat Proses Sign Up
Membuat Action Sign Up
Membuat Halaman Sign Up
Menampilkan Halaman Sign Up
Membuat Proses Sign In
Membuat Action Sign In
Membuat Halaman Sign In
Menampilkan Halaman Sign In
Halaman Dashboard
Membuat Component Sidebar
Membuat Component Page Haeder
Membuat dan Menampilkan Halaman Dashboard
Users Management
Membuat Component Table User
Menampilkan Data Users
Membuat Action Create User
Membuat Halaman Create User
Menampilkan Halaman Create User
Membuat Action Update User
Membuat Halaman Edit User
Menampilkan Halaman Edit User
Membuat Action Delete User
Membuat Component Delete
Proses Delete Data User
Penutup
Source Code
Donasi
Penutup

TOOLS

Tools yang digunakan dalam course ini

Next.js
Next.js

The React Framework for the Web

See More
TypeScript
TypeScript

strongly typed programming language

See More
Tailwind CSS
Tailwind CSS

A utility-first CSS framework

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Homepage
Homepage
Sign Up
Sign Up
Sign In
Sign In

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Source Code

Private Group Member

Update Materi

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Tim expert yang menyusun course ini

Fika Ridaul Maulayya
Fika Ridaul Maulayya
PREMIUM MEMBER

Full-Stack Developer, Content Creator and CEO & Founder SantriKoding.com


ULASAN MEMBERS

Apa kata mereka tentang course ini

"Sangat Membantu Sekali, Dari Tidak Paham Next.js Sampai Paham, Terima Kasih"

Agustino Whickey

No bio available

"Pembelajarannya langsung ke studi kasus, jadi kita tidak kebanyakan teori dan langsung praktek"

Bhakti Maulanna

Saya ingin belajar coding

"mantap sekali"

Aqil Aziz

Dakwah dengan ngoding

"Ulasan singkat: Kursus **FullStack Next.js Developer** ini sangat praktis dan terarah. Materinya membantu memahami alur membangun aplikasi modern dari frontend, authentication, database, Prisma ORM, hingga fitur dashboard admin. Penjelasannya mudah diikuti, cocok untuk yang ingin naik level dari dasar Next.js ke project fullstack yang benar-benar siap dikembangkan."

Muhammad Davi

Freelance Web Developer

"bagus dan mantap"

Devan Herdiansyah Nugroho

Software Engineer, Machine Learning Engineer

"Materinya Bagus, saya sangat terkesan belajar di sini semoga dengan ini saya dapat lebih baik dan tentunya menambah wawasan saya di dunia teknologi saat ini."

Jofan Alfaj

No bio available

"MasyaAllah materi nya sangat mudah dipahami bagi orang awam. Terimakasih banyak mas Fika"

Kubagus

Ingin menjadi programmer handal, namun enggan...

"Sangat mudah dipahami dan di pelajari :")"

"Materinya ramah untuk pemula, terima kasih mas Fika"

Giri Diwa Adam 15

No bio available

"Ilmunya daging semua, mudah di mengerti untuk pemula, dan related dengan case jaman sekarang, hingga stack sekarang."

jefry IT

No bio available

"Materinya Bagus dan To the Point, Mungkin bisa ditambahkan dengan Tutorial Project Real dengan NEXTJS"

"Terima kasih Admin. Jempol👍🏿👍🏿"

Abdul Rohim

Fullstack Feveloper

"Keren materinya"

"pembelajarannya bgus dan mudah di mengerti"

Syahril Haryono

Belajar menjadi Web Developer

"Gokil bagus"

Anggit Rangga Putra

Orang yang sedang mencari jalan untuk bangkit...

"Suka dukanya di bagian CRUD-nya gagal masuk ke database, styling css saya benar benar tidak tahu.wkwkwk. materinya menarik dan kompleks"