Kembali ke Katalog E-Book
Web Developmentbeginner
Membuat Website Komunitas Developer LampungDev dengan Next.js
E-Book Membuat Website Komunitas Developer LampungDev dengan Next.js
Muhammad Fari Madyan 89 halaman 5.0 70 section
Gratis
Dapatkan GratisTentang E-Book Ini
E-Book Membuat Website Komunitas Developer LampungDev dengan Next.js adalah Panduan bagi anda yang belum mengetahui apa itu Next.js dan ingin belajar dari dasar yang disertai sebuah Studi Kasus
Daftar Isi
11. Pendahuluan4 section
1.1 Tentang Project
1.2 Tech Stack yang Digunakan
1.3 Fitur Utama
1.4 Prasyarat
22. Instalasi & Setup Project5 section
2.1 Instalasi Bun
2.2 Membuat Project Next.js
2.3 Instalasi Dependencies
2.4 Konfigurasi TypeScript
2.5 Setup Environment Variables
33. Konfigurasi Tailwind CSS & Shadcn UI4 section
3.1 Konfigurasi Tailwind CSS
3.2 Setup Shadcn UI
3.3 Menambahkan Komponen Shadcn
3.4 Setup Google Fonts (Inter & Outfit)
44. Struktur Folder Project2 section
4.1 Arsitektur Folder
4.2 Penjelasan Setiap Folder
55. Setup Database dengan Drizzle ORM & PostgreSQL6 section
5.1 Membuat Database di Supabase
5.2 Konfigurasi Drizzle
5.3 Koneksi Database
5.4 Membuat Schema Database
5.5 Relasi antar Tabel
5.6 Menjalankan Migrasi
66. Autentikasi dengan NextAuth v5 (Auth.js)4 section
6.1 Setup NextAuth dengan Google OAuth
6.2 Membuat API Route Auth
6.3 Halaman Login
6.4 Proteksi Route dengan Session
77. Arsitektur Layout dengan Route Groups3 section
7.1 Root Layout
7.2 Public Layout (Route Group)
7.3 Dashboard Layout (Route Group)
88. Halaman Publik6 section
8.1 Homepage dengan Animasi Space Canvas
8.2 Halaman About
8.3 Halaman Members
8.4 Halaman Events
8.5 Halaman Contributors
8.6 Halaman Sponsors
99. Dashboard (Area Terlindungi)7 section
9.1 Sidebar Navigation
9.2 Role-Based Access Control (RBAC)
9.3 Halaman Dashboard Utama
9.4 Manajemen User & Profil
9.5 Manajemen Events
9.6 Manajemen Sponsors (Admin Only)
9.7 Transaksi & Pembayaran
1010. Server Actions & Service Layer4 section
10.1 Arsitektur Service Layer
10.2 Membuat Service (Contoh: User Service)
10.3 Membuat Server Action
10.4 Rate Limiter pada Server Actions
1111. API Routes3 section
11.1 Webhook Payment Gateway
11.2 Upload API (Cloudinary)
11.3 Cron Jobs
1212. Upload Gambar dengan Cloudinary2 section
12.1 Setup Cloudinary
12.2 Implementasi Upload
1313. Integrasi Payment Gateway3 section
13.1 Alur Pembayaran Event
13.2 Webhook Handler
13.3 Verifikasi Signature
1414. Komponen UI Kustom6 section
14.1 Navbar & Mobile Navigation
14.2 SparklesText Effect
14.3 Space Canvas Background
14.4 Rich Text Editor (Tiptap)
14.5 Loading Screen & App Loader
14.6 Custom Pagination
1515. Dark Mode dengan next-themes2 section
15.1 Setup ThemeProvider
15.2 Mode Toggle Component
1616. Email Service2 section
16.1 Setup Nodemailer
16.2 Template Email Registrasi Event
1717. Database Seeding2 section
17.1 Membuat Script Seed
17.2 Menjalankan Seeder
1818. Deployment2 section
18.1 Docker Deployment
18.2 Netlify Deployment
1919. Penutup3 section
✅ Checklist Fitur
🔗 Links & Resources
💬 Komunitas
Detail E-Book
Jumlah Halaman89
Total Section70
Total Chapter19
Levelbeginner
PenulisMuhammad Fari Madyan