Tutorial Laravel Livewire - #2 - Installasi Project Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan mulai melakukan installasi project laravel kita dari awal menggunakan composer.

Rafi Taufiqurrahman
Dipublish 09/07/2024

Sebelum memulai pastikan teman-teman sudah menginstall composer dikarenakan kita akan menggunakan laravel versi terbaru yaitu laravel 11, maka pastikan teman-teman sudah melakukan installasi php dengan versi minimal 8.2 , karena kita akan mulai semuanya dari awal, maka kita akan lakukan installasi laravel terlebih dahulu. Untuk installasi laravel, silahkan teman-teman buka terminal dan jalankan perintah berikut ini :

Terminal
composer create-project laravel/laravel livewire-mini-pos

Setelah berhasil menjalankan perintah diatas, silahkan tunggu sampai installasi selesai. Setelah itu silahkan jalankan perintah berikut :

terminal
cd livewire-mini-pos

Kemudian buka projectnya di text editor teman-teman, dan silahkan buka file .env untuk mengganti default databasenya, by default Laravel yang di install melalui composer akan mengarahkan kita ke sqlite, namun kita akan menggunakan mysql pada project kali ini. Silahkan teman-teman ganti DB_CONNECTION menjadi mysql, dan sesuaikan dengan konfigurasi database teman-teman.

.env
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=livewire_mini_pos
DB_USERNAME=root
DB_PASSWORD=

Kemudian tidak lupa kita juga akan mengubah title dari aplikasi kita dengan cara mengubah APP_NAME menjadi Livewire POS.

.env
APP_NAME='Livewire POS'

Setelah itu, Jika teman-teman belum memiliki database dengan nama livewire_mini_pos, maka laravel akan otomatis membuatkan sebuah database baru untuk kita dengan menjalankan perintah di berikut ini :

Terminal
php artisan migrate

Selanjutnya karena nantinya kita akan membuat sebuah fitur untuk upload gambar, maka silahkan teman - teman jalankan perintah berikut ini :

Terminal
php artisan storage:link

Setelah berhasil menjalankan perintah di atas, teman-teman bisa lanjutkan untuk menjalankan projectnya dengan menjalankan perintah berikut :

Terminal
php artisan serve

Jika berhasil, maka project kita akan dijalankan didalam server localhost dengan port 8000. Teman-teman bisa membukanya di dalam web browser dengan mengetikan alamat : http://localhost:8000/ , dan akan tampil seperti berikut ini :

homepage

Catatan : saat proses development pastikan perintah php artisan serve selalu dijalankan.

Series Artikel

Berikut ini daftar series artikel dari Tutorial Point of Sales Laravel, Livewire, Alpine.js & Tailwind Css

1
Tutorial Laravel Livewire - #1 - Project Overview

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan bahasa teknologi apa saja yang kita gunakan dan scope dari project yang akan kita bangun.

2
Tutorial Laravel Livewire - #2 - Installasi Project Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan mulai melakukan installasi project laravel kita dari awal menggunakan composer.

3
Tutorial Laravel Livewire - #3 - Installasi Laravel Breeze & Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan melakukan installasi laravel breeze dan livewire sebagai starter-kit kita.

4
Tutorial Laravel Livewire - #4 - Membuat Schema Database Dengan Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah schema database yang nantinya akan kita gunakan pada study case kali ini dan kita akan memanfaatkan model dan migration dari laravel.

5
Tutorial Laravel Livewire - #5 - Membuat Relasi Antar Table Dengan Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat relasi antar tabel menggunakan eloquent relationship yang telah disedikan oleh laravel.

6
Tutorial Laravel Livewire - #6 - Memanfaatkan Salah Satu Magic Laravel Yaitu Eloquent Accessor

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan mengenal salah satu magic laravel yang sangat powerfull yaitu laravel accessor.

7
Tutorial Laravel Livewire - #7 - Membuat Reusable Component Dengan Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita membuat sebuah reusable component menggunakan laravel.

8
Tutorial Laravel Livewire - #8 - Membuat Module Category Dengan Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module category dengan livewire.

9
Tutorial Laravel Livewire - #9 - Membuat Module Product Dengan Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module product dengan livewire.

10
Tutorial Laravel Livewire - #10 - Membuat Module POS Dengan Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module pos dengan livewire.

11
Tutorial Laravel Livewire - #11 - Membuat Module Dashboard Dengan Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module dashboard dengan livewire.

JurnalKoding

Mulai asah skill dengan berbagai macam teknologi - teknologi terbaru seperti Laravel, React, Vue, Inertia, Tailwind CSS, dan masih banyak lagi.

© 2024 JurnalKoding, Inc. All rights reserved.