{"id":913,"date":"2022-01-15T13:16:18","date_gmt":"2022-01-15T06:16:18","guid":{"rendered":"https:\/\/duniacoding.info\/?p=913"},"modified":"2022-01-17T20:13:37","modified_gmt":"2022-01-17T13:13:37","slug":"cara-hosting-website-di-netlify","status":"publish","type":"post","link":"https:\/\/duniacoding.id\/blog\/cara-hosting-website-di-netlify\/","title":{"rendered":"Cara Hosting Website di Netlify (1 Menit Jadi)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2022\/01\/netlify_logo_icon_169924.png\" alt=\"Hosting Website di Netlify\" class=\"wp-image-925\" width=\"842\" height=\"421\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/netlify_logo_icon_169924.png 512w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/netlify_logo_icon_169924-300x150.png 300w\" sizes=\"(max-width: 842px) 100vw, 842px\" \/><\/figure>\n\n\n\n<p>Halo Coders, di Artikel kali ini kita akan belajar untuk Hosting Website di <code>Netlify<\/code>. Sebelumnya, temen-temen harus mengetahui terlebih dulu kalau <code>Netlify <\/code>ini adalah tempat dimana kita bisa melakukan Hosting Website kita secara Gratis, walaupun dengan beberapa keterbatasan tertentu seperti tidak bisa dengan Database dll.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Langkah-Langkah Hosting Website di Netlify<\/h2>\n\n\n\n<p>Jadi disini kita akan Fokus untuk langkah-langkah Hosting Website di Netlify yang sebenarnya sangat sederhana. Ayo Praktekkan bersama.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Buka Website <code>Netlify<\/code><\/h3>\n\n\n\n<p>Langkah pertama yang harus kita lakukan adalah membuka Website <code>Netlify<\/code>. Kalian bisa Search saja dengan keyword <code>Netlify<\/code> atau buka link ini <a href=\"https:\/\/app.netlify.com\/\" target=\"_blank\" rel=\"noopener\">app.netlify.com<\/a>. Setelah kalian buka, maka tampilannya akan seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2022\/01\/Net-1-1024x504.png\" alt=\"\" class=\"wp-image-915\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-1-1024x504.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-1-300x148.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-1-768x378.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-1-1536x757.png 1536w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-1.png 1902w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Silahkan teman-teman Login dengan salah satu pilihan diatas, bisa menggunakan Git, atau Bitbucket, bahkan Email. Kalian bisa pilih salah satu lalu masuk ke Step ke-2<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Daftar ke <code>Netlify<\/code><\/h3>\n\n\n\n<p>Berikutnya silahkakn Daftar \/ <em>Sign Up <\/em>di <code>Netlify<\/code>. Kalau aku disini menggunakan Email untuk Mendaftar, jadi memudahkan kedepannya apabila ada Konfirmasi di <em>Email. <\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2022\/01\/Net-2-4-1024x505.png\" alt=\"\" class=\"wp-image-926\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-2-4-1024x505.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-2-4-300x148.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-2-4-768x379.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-2-4-1536x758.png 1536w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-2-4.png 1901w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah Klik <em>Sign Up <\/em>kita akan diminta untuk konfirmasi Email. Setelah konfirmasi Email kalian, kalian akan masuk ke Dashboard dari Netlify<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2022\/01\/Net-3-1024x504.png\" alt=\"\" class=\"wp-image-920\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-3-1024x504.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-3-300x148.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-3-768x378.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-3-1536x757.png 1536w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-3.png 1902w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Berikutnya tinggal kita lakukan Proeses Upload Website kita.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Upload Website<\/h3>\n\n\n\n<p>Nah, hal yang keren dari Netifly adalah kita bisa Upload Website dengan cara <em>Drag and Drop <\/em>aja. Simple sekali kan? Pastikan teman-teman sudah memiliki Folder yang akan di Upload terlebih dahulu ya. Apabila sudah siap, tinggal <em>Drag <\/em>Folder yang ingin kalian Upload, lalu <em>Drop <\/em>Folder itu pada Kotak dengan tulisan <code>Drag and drop your site output&nbsp;folder&nbsp;here<\/code>.<\/p>\n\n\n\n<p>Setelah itu, tinggal kita tunggu sampai Status dari Uploadnya menjadi Published seperti dibawah ini<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"614\" height=\"541\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2022\/01\/Net-4.png\" alt=\"\" class=\"wp-image-921\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-4.png 614w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-4-300x264.png 300w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/figure>\n\n\n\n<p>Nah dengan ini Website kita sudah terupload di Internet. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Ganti Url<\/h3>\n\n\n\n<p>Langkah terakhir yang akan kita lakukan adalah mengganti URL dari Website kita. Sebenarnya kita sudah mendapat URL Random dari Netifly, seperti yang bisa kalian lihat di gambar dibawah ini<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"686\" height=\"223\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2022\/01\/Net-5.png\" alt=\"\" class=\"wp-image-922\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-5.png 686w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-5-300x98.png 300w\" sizes=\"(max-width: 686px) 100vw, 686px\" \/><\/figure>\n\n\n\n<p>Nah, akan tetapi sekarang kita akan mengganti URL itu dengan URL buatan kita sendiri. Caranya sangat Mudah.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Klik Site Setting<\/li><li>Lalu klik &#8220;Change Site Name&#8221;<\/li><li>Lalu tinggal kalian ganti sesuai nama yang kalian inginkan<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"601\" height=\"339\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2022\/01\/Net-6.png\" alt=\"\" class=\"wp-image-923\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-6.png 601w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2022\/01\/Net-6-300x169.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/figure>\n\n\n\n<p>Dan Selesai, kalian bisa buka Website sesuai dengan URL yang sudah kalian ganti, dan Website kalian sudah <em>Online <\/em>di Internet. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kesimpulan<\/h2>\n\n\n\n<p>Diartikel ini kita sudah selesai membahas tentang Cara Hosting Website di Netlify yang ternyata sangat cepat dan Mudah. Hal ini tentunya bermanfaat buat kita sehingga kita bisa memperlihatkan Website buatan kita ke Dunia Luar. <\/p>\n\n\n\n<p>Mungkin ini saja untuk Artikel Cara Hosting Website di Netlify kali ini. Kalau teman-teman masih bingung mau Hosting Website apa, mungkin teman-teman bisa belajar Playlist HTML kami disini<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/duniacoding.info\/belajar-html-dasar-persiapan\/\" target=\"_blank\" rel=\"noopener\">Belajar Html Dasar #1: Persiapan Sebelum Belajar<\/a><\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Halo Coders, di Artikel kali ini kita akan belajar untuk Hosting Website di Netlify. Sebelumnya, temen-temen harus mengetahui terlebih dulu kalau Netlify ini adalah tempat dimana kita bisa melakukan Hosting Website&#46;&#46;&#46;<\/p>\n","protected":false},"author":2,"featured_media":925,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[109,72,110],"class_list":["post-913","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-hosting","tag-html","tag-netlify"],"_links":{"self":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/comments?post=913"}],"version-history":[{"count":4,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/913\/revisions"}],"predecessor-version":[{"id":942,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/913\/revisions\/942"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media\/925"}],"wp:attachment":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media?parent=913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/categories?post=913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/tags?post=913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}