Cara Mudah Deploy React JS Production Ke Hostingan
Вставка
- Опубліковано 25 лип 2023
- Tutorial deployment react js production ke server hostingan untuk pemula.
Link sewa server : www.host-tracking.id/aff_c?of...
niagahoster ini adalah tempat hosting & domain yang gue pake.
lagi banyak promo juga:
Unlimited Hosting up to 75% + gratis domain.
Pake kupon DEA bakal dapet tambahan diskon 10%.
Transfer DONASI: saweria.co/deaafrizal
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
Hadir kang
Request tutorial Svelte bang, makasih 🙏
bang, ditunggu lanjutan kelas cuy universitynya butuh tambahan ilmu hehe
Setuju
Bg pliss bg buat playlist belajar coding step by stepnya dari awal smpe bsa khusus buat pemula bg seperti sy yg pengen belajar coding soalnya blm bisa kuliah it bg🙏🙏🙏
buat tutorial efek loading saat menunggu fetch dari api bang.
bang please deploy next js dong bang saya pakai setup js di niagahoster error 503 mulu bang, pernah bisa cuma beberapa menit terus error lagi 503 sudah 3 hari bang sampai sekarang masih error
mantap cok
Jadi kalo deploy yg diupload cuma directory dist aja?
Bang bikin tutorial IPTABLES
Bang cara biar api_key nya ngga ke ekspose pas di deploy seperti di vid gimana bang??
next deploy MERN stack cuy. masih bingung nichh
Bang kalo folder nya ada 2 .misalnya folder FE dan BE, nah gimana ya bang cara deploy nya?
up
bang gua mau nanya bang, gua pake MERN stack, tapi masih di local host dan pake database bang, kata abang kan kalau cuman portofolio tinggal upload, nah kalau yang pake database gimana bang? ada yang perlu di setting dulu kah?
masukin ke menu di hostingannya ada 👌
Ko di niagahoster gua ngga ada unlimited hosting
Bang biasanya kan kalau pakai react router kalau dideploy divercel harus setting/membuat file vercel.json agar tidak error pas pindah route. Nah kalau dihosting gimana dah? Apa gak perlu bikin config sesuatu?
kalau pake routes pasti butuh config di web servernya bre 👌
bang bahas redux , react redux , redux toolkit bang, hehehe
Cara deploy next js ke cpanel bang
First ka deaa
Bang itu kan websitenya ngambil data dari api, terus asumsikan di datanya itu film trending no 1.doraemon, 2. Naruto. Tadi kan websitenya jalanin run build, apakah kalo ada perubahan urutan film trendingnya di api, akan berubah juga urutannya di website kita?
#semoga_di_jawab
karena yang berubah api, tentu harusnya otomatis berubah juga walau di build. itu salah 1 benefitnya consume api. walaupun udah di build endpointnya tetep sama, maka data nya pun akan dinamis bergantung pada api. seharusnya, silahkan dicoba untuk kepastiannya. 👌
@@deaafrizal baik bang, terimakasih
Komuk lu mirip sheikh mansour bro
Bang, gue sekarang maintain website studio temen gue, cuma tiap gue deploy website pake Vite (in case gue bikin website dgn Astro) lalu kirim ke hostingan kek Niagahoster, websitenya gak bisa akses file yg udh dibuild selama extensionnya .html. Pas udh gue ganti extensionnya jadi .php baru bisa. Agak ngerepotin sih, gimana caranya biar hostingan gue (in case unlimited hosting) bisa akses HTML dan gak harus file PHP? Biar gue gak capek aja
default harusnya .html atau .php kebaca langsung sih, kalau engga bisa ke shell terminalnya hostingan, trus cari konfigurasi web server, ubah 1 baris untuk nerima file ext .html. nginx ada di /etc/nginx/nginx.conf atau di sites-available/xxxxx
@@deaafrizal keknya karena dia pake Apache bang makanya cuma kebaca .php doang, bukan Nginx, gue pake Unlimited Hosting dari Niagahoster soalnya
klo di niagahoster yang support nodeJS itu paket yg mana ya ?
yang unli juga ada, yang cloud host juga bisa, prefer cloud host premium, resource nya lebih ok. dibawah paket cloud host itu kadang gak kuat ngangkat apps node js yang load nya gede.
bang bagaimana cara uploadnya kalau upload api yang ada backend dan frontendnya bang
masing2 di beda servis aja bro, yg api agak beda dkit
bang kok pas gua udh upload di niagahoster project reactjsnya, pas akses route lain malah 404 not found ya?
coba cek tengah - akhir video bro
Nah iya gimana ini? Make React-router-dom setelah di build.. 404 not found.
@@VolemAlvaro kalau pake routerdom tinggal config di web servernya aja bro, paling ngedit 3 baris doang kok.
@@deaafrizalcaranya bg? punya masalah yg sama
saya kok gak nemu file berisi www nya ya bang, cuman ada isi folder public html doang
sama aja bang, bisa diupload ke public_html
bang dea gua mau nnya, knp ya tag color dicss ga konek dihtmlnya, kyk background color, color itu diwebnya ga keubah, tp untuk code lain bisa knp ya bang? mohon bantuannya suhu🙏
Coba inspek kalo di inspek nya berubah kadang dri chrome nyamuk, buka aja pkae aplikasi lain kemarin gua juga gitu
@@ReyhanRizki-ip3kv inspek tu kek gmn bang?
@@user-lr9rj5hq9j klik kanan terus ada paling bawah inspek nah atur atur aja di situ bg atau padding marginnya ada klo ga biss, oprek aja terus klo eror refresh lakukan hal uang sma, aku juga gitu sih awalnya ga bisa nanti juga ngerti sendiri
bang itu static web aja ya? kalo pake dynamic api bisa gak ya kira2, gak ke block pas nembak api?
engga, cors nya aja bro dari ke 2 apps nya gimana
@@deaafrizal ok smg next bs dijelasin cara handling cors. btw sy cewek bng hehe
@@MegaAnnisa94 buset cewek udah kena cors bahaya sis haha 👌
bang dea, saya coba upload project saya ke niagahost, kok router ga jalan ya,, saya coba akses malah not found . padahal waktu devloy normal aja.
ternayata harus buat htaccess dlu
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
kalau pake react-router ada yg harus di konfigurasi lagi, coba tanya ke cs nya aja brooh
oke bang , ternyata setting htacess dlu u 🙏🏻 terimakasih y
tetep bodas euy kang, kumahanya atuh. di console udah gak ada yang error kang.
eh bisa ning kang, kur copy index na doang kana sub na wkwkwkkw nuhun kang tutorial na
aahh kumaha ente mah wkwkwk
@@deaafrizal tapi saya mah aneh kang, ieu naha work nya ? wkwkwkwk
ada yang gratisan bang bwt db mysql dan postgrest 11:45
000webhost ya? Atau epizy?
planetscale buat mysql dan supabase buat postgres