No video :(

Tutorial NEXT JS 13 App Router Untuk Manusia :)

Подписаться 445 тыс.

Просмотров 43 тыс.

50% 1

Apa yang dipelajari dalam video tutorial basic next js 13 ini?
👉 initial setup
👉 folder structure
👉 page routing
👉 page navigation
👉 CSS global, module & tailwind
👉 server component & client component
👉 typescript interfaces
👉 API fetching, mapping & caching
👉 static - dynamic rendering & building
👉 tips & motivation.
kalau belum punya basic javascript, biar lebih lancar tonton dulu video gue berikut ini 👇
javascript untuk pemula: • Belajar Dasar Pemrogra...
javascript function: • Belajar Dasar Pemrogra...
react js from 0: • Setup React JS Untuk P...
typescript untuk: • 1 JAM BELAJAR TYPESCRIPT
sumber resource belajar next js 13 👇
nextjs.org/docs
tailwindcss.co...
tools untuk ngebantu proses development 👇
node js: nodejs.org
vscode: code.visualstu...
browser: [chrome / firefox / chromium]
terminal: [windows cmd / git bash / CLI software lainnya.
other optional extensions:
[ES7, react js, node module intellisense, typescript nightly, prettier]
selamat belajar pemrograman modern website menuju fullstack developer, semoga menyenangkan dan selalu dilancarkan.
makasih udah nonton next js tutorial bahasa indonesia terbaru di tahun 2023 untuk pemula ini.
Transfer DONASI: saweria.co/dea...
Support channel dengan gabung membership, klik disini 👇
/ @deaafrizal
#programming #tutorial #coding
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
dealabs@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺

Опубликовано:

25 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 123

@sinyoo23 11 месяцев назад

Akhirnya nemuin next.js bahasa indonesia, makasih bang dea udah bikin ini ditunggu untuk playlist cppnya

@mr.science5030 10 месяцев назад

Gue terus searching tentang coding gara2 lu 1 contoh lu gue ikutin berhasil. Gue jadi seneng dan tertarik buat cari tau lebih lanjut. Asli otodidak ni gue🤣✌🏻

@MrHarminto 10 месяцев назад

keren lu bang, akhirnya dpt pencerahan. thank you bang! gw belajar sendiri app router bedain server vs client component pening sendiri

@sweetsaple 9 месяцев назад

thanks bro untuk tutorial kali ini, yang memang untuk manusia. 😁

@deaafrizal 9 месяцев назад

thank u brooh

@user-df7sq2gk4n 10 месяцев назад

Mantap jelas banget bang penjelasan penggunaan cache nya, keren ..

@SUPERSenko-hn2jx 11 месяцев назад

kebetulan bat bang lagi pengen belajar next js, thank you bang. Sehat sehat terus ya bang biar bisa selalu ngajarin orang wkwk

@rajaharem6893 2 месяца назад

Terima kasih sharingnya, keren banget. 😊

@madhasan5747 2 месяца назад

Judul nya keren bang, "Untuk manusia" yang masih bingung perlu ditanya manusia apa bukan wkwkwk Detail banget soalnya GG

@vexl.project 11 месяцев назад

Sejam ga kerasa udah lumayan paham next js, padahal sblmnya blm pernah buka next js sama sekali 🎉

@hmzinx 8 месяцев назад

beneran tutorial buat manusia😁

@mr.science5030 10 месяцев назад

Gue jadi muridlu bang. Gue ikutin uploadanlu semua. Gue subscribe di 4 akun Gue teknik sipil. Otodidak it dari lu bang

@deaafrizal 10 месяцев назад

besstt!!!

@mr.science5030 10 месяцев назад

@@deaafrizal mantap gue ikutin bang, share ilmunya bang

@dimaslast-a4222 11 месяцев назад

Early gang mas hehe akhirnya nextjs dibahas✨

@muhammadnuhibnuaimar1948 10 месяцев назад

bang dea, request bikin tutorial buat dynamic routernya misal by [id]

@deaafrizal 10 месяцев назад

udah ada cek di playlist cuyuniverse semester 4 bro

@muhammadfathurraiyan 10 месяцев назад

siapa yang insecure lihat setup-an awal next js cung🙋‍♂

@nayandrakastoro1440 11 месяцев назад

Pas banget nih, lagi nyoba-nyoba nextjs

@kisworoazzam1854 11 месяцев назад

Lanjut baang sampe core core nya

@mochamadyusuf4263 11 месяцев назад

Akhirnya bang, yg gw tunggu² tutorial next js

@michellistomobile3074 6 месяцев назад

Keren manusia satu ini😂 kasih dia like

@bachrulpanjigumilang3821 10 месяцев назад

Bah panjang pula penutupnya biasanya cuma thnks bay-bay doang ini ada doanya juga habis ceramah di mana ust dea afrizal wkwkwkwk. thnks bang atas ilmunya bang walupun sedikit puyeng tapi mantap

@NurSyamsu86 20 дней назад

Bang @deaafrizal request dong tutorial atau live project : FE : next js 14/15 BE: nest js / express js Db : postgresql / mysql Fitur misalnya: 1. 1 Menu (list, crud) 2. Fitur login, reset password, 2fa Ya kalau belum bisa semuanya, paling ndak sebaginnya bang Tq

@nasikinnasikin3818 10 месяцев назад

baru nonton nih bang asli belum punya apa2 tertarik👍

@prayogawahyu 11 месяцев назад

nah ini yg sy tunggu2 hahaha

@ahmadsafii1 2 месяца назад

bagian terbaiknya adalah ada sesi doa bersama di akhir vidio

@yasinefendi-sb8qz 2 месяца назад

terbaik mang

@kevinadiwiguna4666 11 месяцев назад

Let's go next js. Btw pertama lagi

@kevinadiwiguna4666 11 месяцев назад

Abis next js. Next auth bang

@agusnugroho7858 11 месяцев назад

Pertamaaa kang deaa sapa tipis tipis atuuu

@serialfilm7278 11 месяцев назад

Mantap nih bang tar deh belajarnya agak malam sekarang lagi pus rank dulu

@manggulalii 11 месяцев назад

akhirnyaaa tutor sunda :) ripuh hari2 english wkwkwk

@ekopurnomo7307 11 месяцев назад

First time bang deaaa

@anandalukman61 10 месяцев назад

bang dea bahas livewire dong

@sahrulmaulana666 10 месяцев назад

Bang Dea bikinin tutorial swiper JS dong atau supaya element atau konten bisa di geser ke samping 😢

@kuronight855 11 месяцев назад

Lanjut terus next js nya bang :)

@habs4824 10 месяцев назад

Kang masuk juga teknologi S3 nya untuk pemula 😉 Asli si kami jadi tertarik ke koding dengan ngeliat posisi akang penjelasanna enak bahasana. Semoga bisa bikin project dasar bang yang di Mulai dari frontend pake nextjs backend pake laravel media image atau file pake S3 sisi database pake scaling terus server db untuk create dan untuk read nya beda server. Pengaturan beban server db pake load balance . Cara hendlenklo server backend mati atau yang frontend mati tapi operasional ttep nyala wahhhh maaf kang ngacapruk gini Asli seruu ke nya kang bahas itu juga dengan infrastrukur gituu Semoga jadi amal jariah kang aamiinn Berbagi ilmuu yang bermanfaat Hatur nhunn

@adzriladzim9411 10 месяцев назад

Semoga bisa ada bahasan tentang project real nya menggunakan next js versi 13. Sehat selalu bang dea

@galihpratama9899 2 месяца назад

Bang, share dong extension yang biasa dipake di VS Code nya. Thx u.

@nishikisan6675 11 месяцев назад

kelazz bang, baru mau nyari ehh muncul di rekomemdasi

@doctor_cat_123 2 месяца назад

Bang knapa style tailwind yg kutambah ke compinen button itu klo direfresh g kena giliran pas masukin di aku komen trus ilangin komen baru kena?

@myweightlosstips 10 месяцев назад

mantep,materi daging

@dika-dev 10 месяцев назад

bang bikin tutorial authnya dong. gw rada puyeng nih nyari tutorialnya

@palagaisiala2356 10 месяцев назад

sumpah belum juga selesai MERN ,, 🤣🤣🤣 puyeng aneeeee

@booster404 6 дней назад

bro kalo blum pernah belajar react, langsung lompat ke next apakah aman?

@sahrialamipriatna7067 11 месяцев назад

Akhirnya bahas ini, thank you!

@davidirawan3083 9 месяцев назад

meluruskan kang kl revalidate beda konsepnya dengan cronjob

@diim5405 8 месяцев назад

makasih mas saya langsung paham

@mrcuan8904 10 месяцев назад

makasih bang setalah nonton 1jam gw langsung demam

@exfavorite 11 месяцев назад

mntp bangg🔥🔥

@bender_769 11 месяцев назад

Bang sesekali pages router dong, belum nemu yang dari channel indo

@diookfiary4852 10 месяцев назад

Jadi lebih yang mana lagi next js atau react js .bingung mau belajar yang mana dulu

@brianrahmarela6552 8 месяцев назад

react js dulu aja

@rz_7890 11 месяцев назад

Hudangkeun aing lamun page transition geus aya di framework beta ieu 😴

@hardimansimamora7765 10 месяцев назад

Tutorial fulstack bg dari fe dan be dengan framework hapi untuk back end bg

@eclipse4049 3 месяца назад

Kalau ga dipakein cache beratri setiap ada data baru di API dia ga muncul ya?

@alihanafiah1237 2 месяца назад

lanjutan ada enggak bang ?

@user-jp3rv7mx6d 11 месяцев назад

Mantab

@jenkinzsz 11 месяцев назад

nah mntep nih bg

@muhammadyustanzah6949 9 месяцев назад

bang, mohon dibales. gw biasa pakek react.js, tapi gw pengen next.js bisa juga. biasanya fetch data buat 1 function, dipisah 1 folder. kalau di next js itu gak bisa knp ya ? malah katanya kena cors

@yonoyanto3588 2 месяца назад

Thank you bang

@Tovan88 11 месяцев назад

Playlist Node js kenapa gak di lanjut lagi kang?

@tenvysen 11 месяцев назад

wow next

@aikocr6678 11 месяцев назад

Nice bre ni konten nya op banget

@aryaprima6626 11 месяцев назад

Keburu udh menengah kak Dea, kenapa ga dari bulan lalu :)

@recitoprasidha5761 9 месяцев назад

kang sy abis build, dynamic routenya jd 404 knapa ya? pdhal pas run dev normal

@fttapk1966 6 месяцев назад

bang, request next.js + database bang.. terimakasih..

@deaafrizal 6 месяцев назад

ada di playlist semester 4, di cek aja bre

@dwikyls 7 месяцев назад

next state management bang

@666racia46 11 месяцев назад

nice bang

@mayonice582 11 месяцев назад

Salfok liat valorant, mabar bang

@damartripamungkas 10 месяцев назад

itu pakai extension apa kalau ketik nama className langsung muncul

@raziffatahillah373 6 месяцев назад

belajar reactjs dulu berarti ya? gua mau langsung belajar next aman gak ya? wkwkkw

@shezzz761 11 месяцев назад

bahas next auth dan ssr bang

@villianfadhilahareksa5553 Месяц назад

18:48 Yarhamukallah

@attafriski5901 11 месяцев назад

saya request Bang dibuatin yang crud

@nowimhere1293 11 месяцев назад

nice nice

@anthonybla 5 дней назад

bang tutorialnya masih wortit gak harini?

@user-pv4fz8gh3g 9 месяцев назад

Kang, biar error nya langsung tampil di editor kayak di menit ini 14:33 , pake apa ya

@rifkirofiulmuizz4402 10 месяцев назад

Bang cara bikin link web buat jual beli bang Buat bayar dan ada sekalian ada jasa kirim soalnya tik tok shop dah ga di bolehin lagi Kranjang kuning hilang

@AramissOfficiall 11 месяцев назад

Hadir

@agusmiftah7244 10 месяцев назад

bang menit 3:28 terminal windows pake apa itu? cakep pengen nyoba jg

@ayamgosong17 11 месяцев назад

Oke bang

@jokokentir666 9 месяцев назад

makasih bangggg

@daffaputra4449 10 месяцев назад

Kang Dea, terima kasih sebelumnya sudah dibuatkan tutorial seperti ini. Tapi saya masih ada bagian yang bingung bagian cache, kok bisa new Date() ke update padahal yang dicache itu cuman bagian fetching url_base? Dan Semisal tidak ada bagian fecth data(gabisa tambah cache dong?), untuk tetap si new Date( ) nya tetap ganti datanya ketika direfresh, itu bagaimana caranya?

@irfanfauji749 10 месяцев назад

emang setiap fetching data, nextjs ngebuild ulang buat jadi static html, termasuk fungsi new Date, jadi fungsi cache nya hanya bisa berjalan ketika fetching data, kalo mau si new Date nya uptodate pakainya client component aja, CMIIW

@davidirawan3083 9 месяцев назад

jdi kl revalidate ga ditambahkan maka saat kita build projek sebenarnya setiap halaman sudah dibuatkan file statis html nya. seperti post.html dll (jika server rendering). html ini tidak akan pernah berubah isi nya. bisa dilihat file nya di folder .next . saat revalidate diaktifkan maka nextjs akan membandingkan waktu terakhir page diload dan waktu saat ini kita akses. contoh revalidate 5 menit. maka saat 5 menit lalu kita akses dan kita akses lgi sekarang sudah lebih 5 menit maka file html di build ulang. jika date() mau berubah otomatis buatkan komponen sendiri dan gunakan 'use client' dan include di file post.

@goringganteng7295 10 месяцев назад

bang kok saya eror ya pas npm run dev

@xxyugzzz 10 месяцев назад

server sama client (component) kalo digabung jadi satu file apa kekurangannya bang? kan kalo di react js biasanya langsung jadi satu

@davidirawan3083 9 месяцев назад

server komponent mengurangi beban load saat pertama kali kita akses halaman dan bagus buat SEO. client komponen semua kode di bundle kedalam JS.saat kita akses pake browser maka seluruh file ui kita load otomatis berat jika app sudah besar.setelah selesai load kita ga berurusan lagi sama server kecuali rest api dan buruk buat SEO

@husniunii97 11 месяцев назад

bang, tadi klo cardlist nya 'use client' childer nya juga ikut jadi ke render sebagai client ga?

@fahiyangtech 10 месяцев назад

Ikut komponen yg ada use client maka akan dianggap sebagai client side

@rizafebrian3809 10 месяцев назад

Bang mau nanya, knapa pas install next JS node_modules nya ga ada ya

@fahiyangtech 10 месяцев назад

Pastikan node js nya sudah terinstal dulu, dan menambahkan env pd komputernya sesuai tutorial

@okutakun6420 3 месяца назад

bang punya gw kok gak bisa yah, awalnya udah bisa "npm run dev" udah sampe tulisan "Starting..." nah abis itu keluar tulisan "Downloading swc package @next/swc-android-arm64..." Setelah beberapa detik langsung error yang garis besarnya Error 404 Not Found Ada solusi gak bang? Os: Android 9 (Pie) Termux Rooted: True

@okutakun6420 3 месяца назад

arc nya aarch64

@wednesday6301 9 месяцев назад

bang cara gunain hook di server gimana ? misal useState.

@deaafrizal 9 месяцев назад

gak bisa bro, itu client.

@wednesday6301 9 месяцев назад

@@deaafrizalterus cara pake button modal gimana bang? Contoh kalau button modal create, kan itu butuh usestate buat nampilin modalnya. Masih agak rumit sih mnrt gw di nextjs 13.5 ini

@puturangga2024 4 месяца назад

@@wednesday6301 mau ga mau harus ubah jadi client side. Pake "use client"

@maxdesanta4022 5 месяцев назад

Kalau sudah pakai nextjs apakah tetap harus menggunakan state management seperti redux?

@deaafrizal 5 месяцев назад

tergantung kebutuhan aja bro. gak ada yg diharuskan abcd nya

@maxdesanta4022 5 месяцев назад

Baik bang, Terima kasih

@fauzihazim752 10 месяцев назад

Untuk : const handleClick = () => alert(`User ID: ${userId}`); untuk (`... `) memakai tombol shift + tombol dibawah ESC, bukan memakai single quote ('...') seperti bisanya