{"id":11254,"date":"2019-06-19T00:00:00","date_gmt":"2019-06-19T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2019\/06\/19\/langkah-langkah-untuk-deploy-website-di-netlify\/"},"modified":"2024-09-24T02:20:28","modified_gmt":"2024-09-24T02:20:28","slug":"langkah-langkah-untuk-deploy-website-di-netlify","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2019\/06\/19\/langkah-langkah-untuk-deploy-website-di-netlify\/","title":{"rendered":"Langkah-langkah Untuk Deploy Website di Netlify"},"content":{"rendered":"

Netlify adalah salah satu platform penyedia layanan build tools sekaligus Continous Deployment. Netlify memungkinkan kita untuk mempublish website statis secara gratis. Netlify juga sudah terintegrasi dengan Git Host popular seperti Github<\/a>, Gitlab<\/a> dan Bitbucket<\/a>. Pada artikel ini kita akan mencoba mendeploy website statis ke Netlify.<\/p>\n

Sebelumnya, jika kamu belum terdaftar atau belum mempunyai akun Netlify, Silahkan kamu mendaftar terlebih dahulu disini:
\nhttps:\/\/app.netlify.com\/signup<\/a><\/p>\n

Langkah 1: Membuat Projek Baru
\n<\/strong><\/h3>\n

\"\"<\/p>\n

Membuat situs baru di Netlify itu sangatlah mudah. Setelah masuk, Anda akan dibawa ke https:\/\/app.netlify.com. Jika Anda baru memulai, hanya ada satu opsi, Klik tombol ADD A NEW PROJECT<\/strong>\u00a0seperti yang ditunjukkan gambar di atas.<\/p>\n

Langkah 2: Hubungkan ke Github Kamu (atau pilihan tool version control yang tersedia)<\/strong><\/h3>\n

Setelah klik tombol ADD A NEW PROJECT<\/strong>, akan tampil halaman seperti berikut:<\/p>\n

\"\"<\/p>\n

Pastikan kamu sudah mengupload repository kamu ke Github, sehingga yang perlu kamu lakukan hanyalah menghubungkan Netlify ke GitHub. Klik tombol GitHub<\/strong> seperti yang diilustrasikan dalam gambar di atas.<\/p>\n

Langkah 3: Otorisasi Netlify<\/h3>\n

\"\"<\/p>\n

Sekarang kamu perlu untuk memungkinkan Netlify dan GitHub untuk saling terkoneksi satu sama lain, caranya dengan klik tombol Authorize Application<\/strong>. Seperti yang dijelaskan pada gambar di bawah, Netlify tidak menyimpan token akses GitHub kamu di server Netlify. Jika kamu ingin tahu lebih banyak tentang izin permintaan Netlify dan mengapa kami membutuhkannya, kamu dapat mengunjungi:
\nhttps:\/\/docs.netlify.com\/github-permissions\/<\/a><\/p>\n

Langkah 4: Pilih Repository yang akan di Deploy<\/h3>\n

\"\"<\/p>\n

Setelah Netlify dan GitHub terhubung, kamu dapat melihat daftar repositori Git kamu.<\/p>\n

Langkah 5: Melakukan Konfigurasi<\/h3>\n

\"\"<\/p>\n

Pada langkah ini, kamu dapat melakukan pilihan konfigurasi. Pastikan nama direktori kamu adalah dist\/<\/strong> dan field build command\u00a0<\/strong>adalah npm run build<\/strong>. Setelah itu klik tombol Build your site<\/strong> untuk melanjutkan.<\/p>\n

Langkah 6: Deploy Website<\/h3>\n

\"\"<\/p>\n

Sekarang saatnya kamu untuk duduk dan bersantai. Kamu telah melakukan bagian kamu, sekarang biarkan Netlify menangani sisanya – hanya perlu satu menit.<\/p>\n

Langkah 7: Selesai<\/h3>\n

\"\"<\/p>\n

Setelah selesai, Netlify melanjutkan dan memberi situs kamu nama sementara. Mari kita perbarui dengan cepat agar terlihat sedikit lebih cantik:<\/p>\n

\"\"<\/p>\n

Terlihat bagus, bukan? Dan mudah juga bukan untuk deploy website kamu di Netlify?<\/p>\n

Jika kamu ingin menggunakan custom domain, silakan klik link berikut ini:
\nhttps:\/\/www.netlify.com\/blog\/2016\/03\/14\/setting-up-your-custom-domain\/<\/a><\/p>\n

Congratulations dan terima kasih telah menggunakan Netlify!<\/p>\n

Referensi:
\nhttps:\/\/www.netlify.com\/blog\/2016\/09\/29\/a-step-by-step-guide-deploying-on-netlify\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Netlify adalah salah satu platform penyedia layanan build tools sekaligus Continous Deployment. Netlify memungkinkan kita untuk mempublish website statis secara gratis. Netlify juga sudah terintegrasi dengan Git Host popular seperti Github, Gitlab dan Bitbucket. Pada artikel ini kita akan mencoba mendeploy website statis ke Netlify. Sebelumnya, jika kamu belum terdaftar atau belum mempunyai akun Netlify, […]<\/p>\n","protected":false},"author":20,"featured_media":11255,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11254"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11254\/revisions"}],"predecessor-version":[{"id":11976,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11254\/revisions\/11976"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11255"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}