My Course — Membangun Website Food Store Dengan Laravel Filament, Livewire dan Payment Gateway

Persiapan dan Tools Pendukung


Sebelum kita memulai mengembangkan website atau aplikasi, maka kita butuh beberapa tools pendukung, seperti text editor, web server, PHP, database, Composer, Node.js dan lain sebagainya.

Disini kita akan bahas satu-satu, agar teman-teman nanti bisa memulai untuk proses pengembangan website menggunakan Laravel, Filament dan Livewire dengan mudah.

Langkah 1 - Installasi Text Editor

Ada banyak sekali pilihan text editor yang bisa kita gunakan dalam pengembangan sebuah aplikasi, tapi untuk saat ini saya akan merekomendasikan menggunakan text editor yang sangat populer dan banyaknya dukungan extension di dalamnya.

Yups benar, kita akan menggunakan Visual Studio Code. Text editor buatan microsoft ini sangat banyak digunakan oleh para pengembang, karena kemudahannya dan dukungan untuk banyak bahasa pemrogramman.

Untuk teman-teman yang belum memilikinya, silahkan bisa mengunduhnya pada link berikut ini : https://code.visualstudio.com/. Dilahkan disesuikan dengan sistem operasi yang digunakan.

Setelah teman-teman berhasil menginstallnya, sekarang kita akan lanjutkan menginstall beberapa extension yang nanti akan sangat berguna dalam proses pengembangan.

Plugin Visual Studio Code untuk PHP

Plugin Visual Studio Code untuk Laravel

Langkah 2 - Installasi Web Server

Pilihan untuk tools pengembang selanjutnya adalah Web Server dan disini untuk pilihannya banyak, seperti XAMPP, Laragon, WAMPP dan lain sebagainya. Semuanya bisa teman-teman gunakan, yang penting versi PHP yang digunakan adalah 8.3.x.

Untuk Laragon kelebihannya bisa berganti-ganti versi PHP dengan lebih mudah, tapi kekurangannya masih belum ada PhpMyadmin di dalamnya, tapi jangan kawatir untuk menambahkkan juga tidak terlalu susah, karena banyak tutorialnya di internet.

Link Unduh XAMPP

Link Unduh Laragon

Langkah 3 - Installasi Node.js

Karena akan berhubungan dengan framework JavaScript, maka kita juga akan butuh Node.js. Untuk melakukan installasi Node.js juga sangat mudah, kita bisa mengunjungi situs resminya dan mengunduh versi yang kita inginkan.

Disini saya sarankan menggunakan versi LTS, yaitu 20.x LTS`. Untuk installasi silahkan bisa membukanya di link berikut ini : https://nodejs.org/en/download/.

Untuk memastikan apakah Node.js sudah berhasil diinstall, silahkan teman-teman jalankan perintah berikut ini di dalam terminal/CMD.

css
node --version
css
npm --version

Langkah 4 - Installasi Composer

Composer merupakan dependensi tools miliki PHP, yaitu digunakan untuk mengunduh library dengan lebih mudah. Untuk melakukan installasi Composer, teman-teman bisa buka pada link berikut ini dan disesuaikan dengan sistem operasi yang digunakan.

Untuk memastikan apakah Composer sudah terinstall di dalam komputer, maka teman-teman bisa jalankan perintah berikut ini di dalam terminal/CMD.

undefined
composer