SESI1 - Setup & Fetch Data API | Next JS 2023
🔥 CUYUNIVERSITY Semester 4 - Kurikulum baru🔥
Full playlist:
• 🌟Cuy University | CuyA...
Demo website hasil (progressive) project: cuyanimelist.vercel.app/
Full source code CuyAnimeList udah bisa kalian download, check ataupun clone ya guys!
untuk yang ikutin playlist cuyuniversity semester 4 kali aja butuh compare code & make sure, berikut full source code sampe sesi 9.
link: github.com/deaaprizal/cuyanim...
dan untuk diskusi bisa disini: github.com/deaaprizal/forum
Playlist sumber belajar sebelumnya:
1. Cuyuniversity semester 1:
• 🌹 Cuy University | HTM...
2. Cuyuniversity semester 2:
• 🌼 Cuy University | CSS...
3. Cuyuniversity semester 3:
• 🐱💻 Cuy University | N...
4. Javascript Journey:
• 🍌 Javascript Tutorial 🍌
5. React JS Journey:
• 🍔 React JS From 0 🍔
Transfer DONASI: saweria.co/deaafrizal
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
dealabs@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
Пікірлер: 281
Timestamp buat ngulang belajar: 6:08 Instalasi NextJS 10:22 Fungsi dari next.config.js 10:43 Fungsi dari tailwind config 17:34 Konsep routing dasar antar page 36:48 Fix Image bawaan NextJS 41:00 Persiapan env project 42:30 Mulai fetching data API 51:41 Penjelasan ulang alur fetching data + card dari awal 1:05:34 Buat navbar component
@deaafrizal
6 ай бұрын
best~! thankssss
@destaanugrapratama760
5 ай бұрын
@@deaafrizalBg kok gua error di webg.image_url itu apa ya penyebab nya?
buat yang error kalian ke C:/Users/HP/AppData/Roaming di dalam folder roaming kalian buat folder 'npm' , semoga membantu, saya sih errornya disitu tadi
@transcendenceuniverse4816
7 ай бұрын
thankyou brader
@Anghaejhie
6 ай бұрын
waduh, makasih banyak brodi atas bantuan dan ilmunya. work
@destaanugrapratama760
5 ай бұрын
Bg kok gua error di webg.image_url itu apa ya penyebab nya?
@transcendenceuniverse4816
5 ай бұрын
@@destaanugrapratama760 webp bro bkn webg
@alifgood8929
3 ай бұрын
Mantap brader workss🎉
mantap bgt bang..klo penjelasan disertai dikasih gamba r gitu auto masuk ke otak 99.9% ..sangat dimengerti
thanks for the content bang de, lagi ada project di kantor pake next JS ini. very usefull, godbless
mantabs semoga bisa mengikuti sampai selesai project, terimakasih bang dea
bkin project" gini tuh bkin interesting orng" yg lagi belajar js atau next js, apalgi developer lain😁
@deaafrizal
8 ай бұрын
gaskeun braderrr
the best brooo, semoga berkah dah ilmunya
asik banget asli ngikutin pemelajaran bang dea,kek yang awalnya gw takut + parnoan make terminal sekarang jadi seneng make terminal ,yang awalnya ngeliat data json ini kok apaan banyak bat data buat apa eh skrng jadi lebih bisa memahami. FULL THANKS KANG👍👍👍👍
alhamdulilah ada yang memberikan tutorial biar bisa ngoding, makasih bang :)
ciyee lanjut nih.....👍👍
Akhirnya terimakasih bang Dea Afrizal video nya semoga subscribe nya naik 30 JT Amin
Maaksih Mas dea,, ilmu nya
sumpah ini yang gue tunggu2
mantap kang
Bang lu cocok jadi guru dah enak banget belajar sama lu masuk mulu gw kalo ke chanel lu
Belajar dari nol selalu ngikutin bang Dea dan nungguin bang Dea upload semoga bisa jadi programmer 😅😅
sedang ngikutin make react js hihi, sebisa mungkin masih di menit menit install, semoga lancar dan selesai sampai ahir, fetch nya mau make axios 😁, dan ada router router dom di video mang dea pas intallasi jadi instal react router dom juga, mencoba coba dulu 😉
Mantap bang projek menarik gw suka
@deaafrizal
8 ай бұрын
gassss
makasih bang
Akhirnya lanjut lagi cuyuniversenya😄
@deaafrizal
8 ай бұрын
yoayyyyy
keren nih pas banget belajar next js
@deaafrizal
8 ай бұрын
gasss
makasih bang udah share ilmu nya
@deaafrizal
8 ай бұрын
masamaa breee
ditunggu sesi 2 nya bang
Mantapp bang rizal
Sudah siap sesi 2 nya brader? 👇👇 kzread.info/dash/bejne/imGjj5mGpZnSm9Y.htmlsi=8FMvqiCMxIxbgjmA DEMO hasil projek (progressive) ada disni: cuyanimelist.vercel.app/ jangan lupa cek repository untuk compare codenya ya: github.com/deaaprizal/cuyanimelist kalau ada trouble ketika mengikuti tutor, bisa tag gue di insta story. OK? moga lancar semua 🔥
@khoirkun
8 ай бұрын
mantab bang di tunggu next videonya
@icamch
8 ай бұрын
MAKIN GASABAR CUY WKWKW
@ditonarendro2019
8 ай бұрын
gas bangg
@annasgo2122
8 ай бұрын
bang error kenapa ini, tolong : Unhandled Runtime Error Error: Failed to parse URL from undefined/top/anime
@annasgo2122
8 ай бұрын
di menit 44:47
selama bang dea belum upload semester 4 aku mengembara ke bang teo, pak dhika.... akhirnya aku kembali ke rumah
@deaafrizal
8 ай бұрын
gassssss
Pake express juga bisa kek nya deh bang dea ... totorial dong pake jade/pug dan express js pake render gitu kan .. atau beda next js sama express ...
Bang bikin video yg ngejelasin tentang three js🙏
bang bikin project baru lagi pake html css, (atau framework css) dan js sebagai pelengkap nya,
punten kang, API khusus donghua yg gratisan / mirip jikan API aya teu kang? nuhun!
Gasss langsung smt 4 aja dah hahaha
Aku senang next.js 😋
@deaafrizal
8 ай бұрын
🔥
Hadir pak
@deaafrizal
8 ай бұрын
gassss
kapan live lagi kang khusus ngobar next react
No Dea no party 🤟
asekkkkkk
Bang buat yang Eroor Unhandled : Images must be slash (/) on {images} menit ke 50:24 cara ngatasinya gimana?
mantap bang, btw app tldraw yg buat coret2 tu download darimana bang?
ntab lanjut bang sesi 2 nya, gabakal nanya gambar kok penyok nih hehe
@deaafrizal
8 ай бұрын
good brarti ngikut, best 👍🏻😉
akhirnya weebs, emang programmer yang terkuat dimuka bumi
@NadhimAlim
8 ай бұрын
Mael Le Preman terkuat di bumi Cellos Botak terkuat di bumi Dea afrizal programmer terkuat di bumi 😂😂😂😂
sama, kenapa gambarnya ga muncuk yak, judulnya padahal ada
Tetep ikut walau ngoding di hp😅
Izin bertanya sepuh saya baru mau belajar² coding ni jadi kek download terminal nya gitu kek mana ya?
Bg buat konten hacking yg baik dan berguna misal nya melalu termux..
bang sesi" selanjutnya khusus backend aja dong hehe
@deaafrizal
8 ай бұрын
nanti bakal masuk juga kok bre
Bang Rizal tlong buatin konten tentang flutter dong
kalau misalnya mau manggil dari components tuh gabisa. gaada pesan error cuma ga nampil tulisan yang udah di import dari folder components itu kenapa ya?
bang biar ngoding sintak html di next nya enak pake apa ya? misal gw ketik h1 tp yg muncul h1 berupa text bukan sintak langsung auto complete jadi . apakah harus pake extension lagi?
bang buat project pakai nuxt dong
info untuk terminal sama zshnya dong bang hehe
kang dhea suka warna janda euy bg-indigo wkwkwk
Bang bikin web stream tv dong
@deaafrizal
8 ай бұрын
siappp
anjir ngakak pas nulis peler wkwkw asli sih mtode pembelajaran yg kek gini yg d butuhkan
#ask gw pas install gk ada auotprefixer itu knp ye ?
bang gw kok error terus ya selalu ada tulisan "error unsupported server component type" di terminalnya
Di hp cuma sanggup di nodejs ver. 12.x.x gimana caranya biar ngikutin yak
hadir pak dosen!🖐🏻
@deaafrizal
8 ай бұрын
gaskeun bray
Hadir
@deaafrizal
8 ай бұрын
heloooo
bang itu untuk gambar sketsa gitu pake apa
pusing itu hanya awalnya, selanjutnya...
mau nanya bang gua nggabisa ngejalanim npm run dev itu kenapa yaa?
pas ketik di cmd kok ada text npx is not recognized itu kenapa bang?
bang Error: fetch failed kenapa yah?
sekali kali bkin saingbara bkin apps frontend ,, walaupun hadiahnya kecil gpp ,,biar kta juga ke up juga sbgain developer kecil
bg kok, alias gua pas di sesi 4 ke atas, nggk bisa ya di pake, jdi can't reolve "@/app/globals.css" kek bgtu, knpa ya, pdhal sebelum" nya bisa, jdi gua harus ganti dah jdi "/src"
Bang buat tutorial pasang google ads
Ini pake theme apa vscodenya bang?
bg lu run website dmn
buat datanya pake api public?
API url nya gak valid gimana dah dri jam 19.00-01.26 belum fix mo nangis😢
bang mau nanya klo sourcenya dari google drive gmn caranyta bang,,,
bang kok punya gwe error mulu ya pas mau instalasi
lanjut terus 1 hari upload 1 video bang, wkwkwkkwkkwkw kalau bisa 3
@deaafrizal
8 ай бұрын
siap untuk sesi 2 bro?
sempet ngebul mas kepala
Punya gw kok gambar nya ga tampil ya , code nya ga error tapi img ny kaya lag gitu ga ke render di web nya
Page not found dimenit 20 pak padahal ngikutin tutorialnya bener? Itu bagian apanya ya yg salah?
lets go, kuliah deui
@deaafrizal
8 ай бұрын
gaskeunn
bang izin bang, images nya ga muncul, kenapa ya ini?
Ada error dibagian image bang "image is missing required "src" property:" cara benerinnya gmn
Halo bang
@deaafrizal
8 ай бұрын
huyyyy
pakai extension apa bang, buat yang css nya auto completion?
@zaspy_hax
8 ай бұрын
pake Tailwind css intellisense ngab
setelah sekian lama cuti kuliah 😂
@deaafrizal
8 ай бұрын
nunggak oyyyyy
Edit / buat gambar nya pakai apa bg
Saya semester 5 bang
Mantap gw udh semester 4 euy Gw magang dimana ya ntr wkwkwk😊
@deaafrizal
8 ай бұрын
disini aja ayo wkwkwk
@Aldianclass
8 ай бұрын
@@deaafrizal mohon bimbingannya suhu buat kami progammer otodidak 🙏
Bang ko gw pas import animelist terus gw ketikin di dalem divnya ga muncul isian animelistnya? Padahal ga ada typo sama sekali
@deaafrizal
3 ай бұрын
kalau gak ada yg tipo mungkin ada yg kurang bro
@Farhat_daniel
3 ай бұрын
Oalah, oke banh tq
pengen ngikutin boleh nggak bang loncat semester? wkwkw
bang, kenapa setelah di npm run dev, pas awal dibuka backgroundnya ngga muncul item gitu ya, tapi kaya warna gradasi?
@deaafrizal
6 ай бұрын
itu bawaannya next js bro, bisa cek ke code styling di file bawaannya
gas, grup offline
@deaafrizal
8 ай бұрын
gasss
@deaafrizal Om maap ni oot ,, kalo mau bikin databasenya gimana om misal 1 judul ada beberapa episode saya pusing dri kemarin mikirnya,, maklum om masih belajar.. :D
@deaafrizal
8 ай бұрын
harus punya table master untuk episode, jadi nanti tinggal kawinin aja.
a dea itu biar ada tulisan M atau U disebelah nama file pake extension apa ya?
@deaafrizal
7 ай бұрын
coba cek git lens atau bukan.
bang img gua kok ga muncul
bang kenapa saya install npx nya muncul seperti ini : node : The term 'node' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + node -v + ~~~~ + CategoryInfo : ObjectNotFound: (node:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
@MRizalWrc
5 ай бұрын
belum masuk system path nya mungkin
bang mau nanya, di vscode saya gak ada autocomple buat Image sama Link, terus gak ada auto importnya juga, caranya seperti 36:02 itu gmana caranya ya, terima kasih 👍
@danielpsrb
6 ай бұрын
install ekstension auto complete tag
Info euy semuanya di sini pas running di terminal malah error swrc nya
bang saya nemu 1 eror nih cara ngatasinnya gmana yaa? warning erornya: Image is missing required "src" property: di bagian inspec element trus di consolenya mohon bantuannya mungkin saya ada ke skip tadi soalnya di video tidak ada eror seperti saya🙏🙏
bg ini gimana ya biar sugesti tailwind css nya jalan soalnya jadi harus ngetik manual semua
@deaafrizal
8 ай бұрын
matiin ekstension nya bro
hesgowwwwwww
Bang di menit 50:25 punya saya masih eror "must he slash(/) on {images} itu gimana?
@danielpsrb
6 ай бұрын
dia punya tutupan bgitu
Gk sabar nyampe smester 4😭
@deaafrizal
8 ай бұрын
gassss