Belajar Full-stack JavaScript Dengan Next.js Dalam 6 Jam

Показать описание

Tech:

Donasi:

Muhamad Nauval Azhar:

Terima kasih.

Timestamps

00:00:00 Introduction
00:02:38 Apa itu Next JS
00:03:52 CSR vs. SSR
00:08:35 Memulai Project Next JS
00:13:03 Halaman Default Next JS
00:13:53 Struktur Direktori Next JS
00:22:15 Membuat halaman di Next JS
00:30:46 API di Next JS
00:39:18 Membuat API Baru di Next JS
00:44:14 Membuat MySQL Database & Intro mysqljs
00:55:44 Knex ORM
01:02:00 Menginstall Knex ORM
01:10:05 Membuat Post Migration menggunakan Knex
01:11:27 Membuat file konfigurasi Knex
01:14:29 Membuat skema migration untuk Post
01:17:55 Menjalankan migration menggunakan Knex
01:20:21 Membuat direktori untuk API Post
01:22:55 Membuat Create Endpoint
01:24:23 Async Await Insert
01:28:36 Mendapatkan HTTP Request Method dari request object
01:29:30 Validasi HTTP Request Method POST
01:31:04 Mendapatkan HTTP Request Body dari request object
01:31:48 Destructure HTTP Request Body
01:38:36 Membuat Read Endpoint
01:41:12 Validasi HTTP Request Method GET
01:43:12 Dynamic Routing & Membuat Update Endpoint
01:44:55 Mengambil HTTP Request Query dari request object
01:45:32 Destructure HTTP Request Query
01:45:55 Validasi HTTP Request Method PUT
01:47:00 Membuat update query
01:49:59 Membuat Delete Endpoint
01:50:47 Validasi HTTP Request Method DELETE
01:51:43 Membuat delete query
01:52:57 Autentikasi dengan JWT
01:59:15 Membuat skema migration untuk User
02:02:15 Menginstall dependency bcrypt & JWT
02:08:15 Membuat direktori untuk autentikasi & register endpoint
02:10:15 Membuat operasi register user
02:15:05 Membuat login endpoint
02:17:00 Membuat operasi login dan membuat JWT Token
02:27:12 Otorisasi JWT Token Header
02:31:31 Verifikasi JWT Token
02:36:18 Membuat API Middleware
02:39:05 Refactor Otorisasi
02:39:27 Refactor authorization menjadi Promise
02:43:55 Implementasi authorization middleware ke Post CRUD
02:54:00 Membuat halaman Register
03:00:15 React State
03:02:33 React Hook
03:17:11 Register API Call menggunakan fetch()
03:21:24 Content-Type: application/json Header
03:32:38 Register State
03:26:53 Membuat halaman Login
03:36:25 Access Token Storage
03:43:06 Implementasi Access Token Storage menggunakan js-cookie
03:47:09 Membuat halaman post-listing
03:50:41 Check Login menggunakan useEffect react hook
04:06:55 Implement server side Storage menggunakan next-cookie
04:20:13 Client Side Middleware
04:41:13 Membuat post-listing menggunakan server-side props
04:52:23 Membuat halaman Create Post
05:11:41 Membuat tombol edit & delete
05:15:33 Membuat implementasi delete post
05:43:44 Membuat halaman edit post
05:50:02 Membuat halaman detail post
05:59:00 Membuat komponent Navigasi
06:18:18 Environment Variables

Nauval

Рекомендации по теме

Комментарии

Kalo lo punya saran buat tutorial berikutnya, kasih tau yak ✌️

mhdnauvalazhar

gokil. jarang-jarang liat org indo live coding js ampe berjam-jam, free pula. teruskan mas

agungprasetyaaajati

Terima kasih kak, sehat dan panjang umur selalu untuk bisa berbagi dan memberikan manfaat

dx-disebud

Gila gokil parah, gw dari tahun 2022 menonton video ini masih layak kok. asli sih, Jazakumullah khoiron kasiron ilmu yang sangat bermanfaat ini, mohon teruskan lagi bang nauval bagi bagi ilmunya dan sehat selalu

yadia

gila gila keren banget mas, bener2 membantu, penjelasannya detail banget, mudah2an jadi berkah buat mas nya.

taufikh

Cuma bisa doain semoga selalu selalu di berikan kesehatan bang thks ilmunya...

ruditabuti

gila brooo 1 kata buat channel ini KEREN, terimakasih ilmunya, ini sangat berharga buat saya mungkn buat temen temen juga, sukes selalu bang, sekali lagi terimakasih banyak

bayuanggara

Ga kesel kok, bagus klo prakteknya diimbangi dengan penjelasan di awal. Terima kasih mas

alamasyarie

Wah, luar biasa. Orang lain mah dibikin course berbayar ini mah free, sesuatu yang tidak boleh disia siakan. Terima kasib bang Array! hehe

pointbooks

gokil, 6jam, super sekali, terima kasih untuk sharing nya, sangat bermanfaat sekali

kamandanuwijaya

mantap, sukses terus buat array ID, terima kasih sudah berbagi :)

ragilhadianto

Creating from algeria, i understand a bit bahasa i find your tutorial easy to follow

zakaria

Mantap.. terimakasih sudah berbagi ilmu bang..

telukdigital

keren lu bang alhamdulillah sampai akhir nontonnya, semangat terus bang 👏👏👏👏

mzoioi

6, 3 jam yang sangat berharga dihidup saya, saya sudah mengikuti dari awal hingga akhir, banyak hal baru yang saya dapat, , terimakasih banyak atas tutorialnya mas, berkah selalu untuk masnya dan untuk ArrayID semoga channelnya makin sukses

hafidjs