Cara Menjalankan Dokumentasi Bootstrap 4 Secara Offline

Hi gan, kembali lagi di blog alamkoding kali ini saya akan memberitahu agan cara membaca atau menjalankan dokumentasi Bootstrap 4 secara offline.

Tahukah kamu? sebenarnya pada halaman Bootstrap ini, sudah dijelaskan oleh Bootstrap bahwa, kita bisa menjalankan dokumentasi Bootstrap ini secara offline dengan menggunakan beberapa bahan yang perlu diinstall pada komputer kita.

Jika kamu sudah membaca halaman ini namun kamu masih belum paham bagaimana cara menginstallnya, baiklah mari ikuti dengan teliti artikel ini sampai selesai agar kamu bisa paham.

Tooling Setup

Langkah pertama adalah menginstal bahan-bahan yang diperlukan untuk mengcompile aplikasi yang digunakan Bootstrap 4.

1. Pertama, silahkan install Git
2. lalu berikutnya, install Node.js
3. Terakhir, install Ruby

Oke jika sudah, kita lanjut ke tahap berikutnya.

Clone Repository Bootstrap

Silahkan tentukan dulu dimana agan ingin menyimpan bootstrap 4 ini, buka file explorernya, lalu klik kanan kemudian pilih Git Bash Here.
setelah itu silahkan ketikkan perintah berikut ini :

git clone https://github.com/twbs/bootstrap.git

Setelah itu masuk ke directory bootstrap.

Jika sudah jangan ditutup dulu terminalnya, kita lanjut ke tahap selanjutnya.

Install dan Compile Bootstrap

1. Ketikkan perintah npm install, lalu tunggu hingga selesai.
2. Kemudian ketikkan perintah gem install bundler -v 1.17.3.
3. Selanjutnya bundle install. Ini akan menginstal semua dependency Ruby, seperti Jekyll dan plugins.
   Penting! Jika kamu pengguna windows, wajib install jekyll, dengan cara mengetikkan perintah gem install jekyll bundler. Untuk mengecek jekyll sudah terinstall silahkan ketikan perintah jekyll -v.

   Jika kurang jelas untuk pemasangan jekyll silahkan kunjungi halaman ini.
   

4. Setelah itu ketik perintah npm run dist. Ini akan meng-compile semua file yang berada dalam folder /dist.
5. Terakhir, silahkan ketik perintah npm run docs-serve atau npm start untuk menjalankan server.
6. Jika sudah, Bootstrap 4 sudah bisa dijalankan offline pada localhost:9001

Untuk menjalankan servernya kembali, agan hanya perlu mengetikan perintah npm start.

Lalu buka browser dan akses ke localhost:9001 otomatis bootstrap akan muncul seperti versi onlinenya. Hanya saja pada bagian search tidak bisa digunakan saat offline karena menggunakan API KEY.

Nahh begitulah caranya agar kita bisa menjalankan bootstrap 4 secara offline pada komputer kita.

Bagaimana hasilnya? berhasil? Saya sudah lakukan cara ini baru kemarin, dan besoknya yaitu hari ini langsung saya buatkan artikelnya karena saya takut keburu lupa.

Jika agan masih bingung atau mendapatkan error silahkan beri komentar saja dibawah. karena mungkin saya pernah mengalami errornya.

Oke mungkin cukup sekian untuk artikel kali ini. Cara Menjalankan Dokumentasi Bootstrap 4 Secara Offline. Semoga bisa bermanfaat.

Dan silahkan dishare ke temen-temen agan yang menggunakan framework Bootstrap juga ya. Terima Kasih, Happy Coding 😀

Referensi