Belajar Next.js 13 dari awal untuk PEMULA dalam 2 Jam

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


Chapters:
00:00 Intro
00:10 Apa itu web framework?
00:55 Kenapa pilih NextJS?
01:40 NextJS untuk bikin website apa?
02:25 Install Terminal Item2
02:58 Install NodeJS
03:18 Install Web Browser
03:40 Text Editor Fleet
04:35 Install NextJS
06:12 Tour NextJS Folder
08:45 Running Website NextJS di Terminal
11:16 Membuat Page Baru
14:25 Nested Router
17:00 Membuat Layout
25:00 Membuat Layout
26:05 Dynamic Route
39:40 Navigasi dan Membuat Link
48:27 Custom 404 Page
50:50 i18n Membuat Website Multi Bahasa
57:25 SEO menggunakan Next Head Component
01:03:03 SEO Facebook Open Graph dan Twitter Card
01:07:47 Membuat MetaHead Component
01:11:25 Kenapa Butuh SEO yang Baik?
01:12:00 Rendering di NextJS
01:16:20 NextJS Client Side Rendering
01:26:10 NextJS Server Side Rendering
01:35:40 Perbedaan CSR dan SSR
01:45:32 NextJS Environment Variable
01:59:55 Styling di NextJS
02:03:01 Menggunakan TailwindCSS di NextJS
02:06:55 Kenapa Ga suka BootstrapCSS?
02:07:19 Membuat Website E-commerce Menggunakan Flowbite
02:17:00 Membuat Loading Skeleton
02:30:19 Menyimpan Source Code di Github
02:32:08 Deploy Website Ke Vercel

Desk setup:

Yang mau traktir kopi:

Source Code:

Follow us:

#tailwindcss #nextjstutorial #nextjs13
Рекомендации по теме
Комментарии
Автор

Terimakasih Mas atas tutorialnya, cukup membantu untuk saya yang baru belajar Next.Js

fazhari
Автор

Saya cuma takut keyboardnya rusak bang, tapi makasih ilmunya sangat mudah ditangkap buat pemula

fahdialan
Автор

Mantap, terima kasih banyak bang ilmunya

nandopookey
Автор

izin belajar bang.. makasih ilmunya.. semoga lancar rizkinya

vickyeka
Автор

izin subscribe bang, belajar juga makasih banyak

itsreezky
Автор

Wah hatur nuhun kang reza, sempet lier kesana kemari, ini yang nyaman penyampaian logic ke saya. semoga berkah kang

uxreckyputra
Автор

Singkat, padat, jelas. Luar biasa! Thank you, kang!

hellofromiqbal
Автор

makasih banyak bang ilmunya. penjelasannya gampang di pahami buat saya yang mau migrasi dari react ke next👍

luckyindraefendi
Автор

Mantap banget mas videonya, saran saya sih setiap hari upload video yang beginian ditambah project beh makin cakep aja

letsarray
Автор

mantep bang tutor nya pake js, jadi bagus buat pemula bang, terima kasih

cinnamon_syx
Автор

bikin konten ttg redux dong bang,
karena di industri harus sudah mahir
makasih

ronnykn
Автор

makasih bang, ditunggu tutor yang app dir nya

SandyAlferro
Автор

bang, nanya dong.
Kenapa ya punyaku kalo refresh halaman lama banget? apakah spek laptop atau internet mempengaruhi?

agungadityatama
Автор

bang thank you tutorialnya, bermanfaat banget buat ane.

btw, sekalian request tutorial buat middleware nya next js bang terutama buat protected route / pages untuk login bang.
sama bedanya SSR sama SSG apa ya bang? use case nya biasanya di fitur apa ya?

thank you bang

ernando.
Автор

bang, bahas requirement minimum untuk masuk dunia industri dong. Apakah data fetching, slicing figma, routing sudah cukup?

ti_nicolassanjaya
Автор

bang deploy nya ke cpanel gimana, punya ku ga bisa

tukanglepas
Автор

bang reza, itu bisa highlight color pake cursor pointer gunain software apa bang?

rifqimuhammad
Автор

bang, saran kualitas video nya ditingkatin lagi, soalnya saya pake 1080p masih burem videonya

ibrahimrangkuti
Автор

emang perlu wsl kah bang buat ngejalanin next js ?

aliimron
Автор

btw itu di itermnya gimana biar ketika ngetik ada preview foldernya gitu bang ?, mohon di spill

Prasyyyf