Belajar Next.js 13 dari awal untuk PEMULA dalam 2 Jam
Reza Ola Reza Ola
4.99K subscribers
13,374 views
455

 Published On Aug 19, 2023

Belajar Next.js 13 dari awal untuk PEMULA dalam 2 Jam
Belajar Next.js 13 Pages Router, selain belajar NextJS disini juga akan belajar Javascript. Menggunakan global styling hingga menggunakan tailwindcss framework ‪@flowbite‬ .

Belajar Next.js 13 dalam Bahasa indoensia, lengkap, sampai bisa membuat website dan mempublishnya ke internet menggunakan Vercel.

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:
Deskpad: https://tokopedia.link/YuORq72t7tb
Keyboard: https://tokopedia.link/5sADyaoD7Ab
Kaos: https://tokopedia.link/NJZtfaqD7Ab
Lampu: https://tokopedia.link/jp9GS8FD7Ab

Yang mau traktir kopi:
https://saweria.co/rezaola

Source Code:
https://github.com/caesareza/nextjs-b...

Follow us:
instagram:   / rezaola.id  
instagram:   / caesareza  
GitHub: https://github.com/caesareza/

#tailwindcss #nextjstutorial #nextjs13

show more

Share/Embed