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

Leviatan

Backend Developer

"keren"

raii musthafa

Fullstack Developer | Frontend Developer | Ba...

"sangat informatif"

Benyamin Uber

No bio available

"Lumayan Menantang"

dayan sauqy

Hello! I am a passionate and experienced full...

"Sangat membantu"

Abdullah Masykur

Front End Enthusiast

"mudah dimengerti"

"Yang paling saya apresiasi, course ini gratis tapi kualitasnya tidak terasa gratis. Sangat cocok untuk pemula yang ingin mulai belajar Next.js terimakasih ilmunya"

Indra Setyawan

Backend and IoT developer

"Materi di Santrikoding sangat relvan dengan pekembangan teknologi terkini, dan setiap kode juga diberi penjelasan sehinggan memudahkan dalam memahami alur dari sebuah project"

NATRAXDAILY

BE Developer

"TERIMAKASIH , SEMOGA ILMU YANG DI BERIKAN MENJADI BERKAH OM"

"Materi nya sangat mudah di mengerti"

Agung Rahayu

Fullstack Web developer

"terimakasih banyak ilmunya sangat bermanfaat"

Adinata Ekwan

Front End Developer | UI/UX Designer

"Materi sangat jelas dan mudah dipahami untuk pemula"

Renaldi Saputra

frontend developer

"Sangat jelas sekali ebook nya"

Nur Zain Pradana

Full Stack Developer | RPA Developer | Univer...

"Penjelasan yang singkat padat dan mudah dipahami"

Muhamad Fazri Hafiz

Seorang Programmer yang ingin meningkatkan sk...

"Cukup bagus untuk pemula dan untuk belajar, namun ada beberapa kesalahan dalam pemanggilan di schema CreatedAt namun di table.tsx dipanggil justru createdAt ya itu ga bakal kepanggil. Overall bagus sh, keren!"