Membuat Blog dengan Laravel dan VueJS - #1 | Instalasi

Kita akan mulai menginstall atau mendownload project laravel, untuk melihat dokumentasi lengkapnya bisa dibuka disitus https://laravel.com/.

Composer adalah package manager PHP untuk mengelola suatu dependensi. Untuk dapat mendowload project laravel kita harus menginstallnya terlebih dahulu di kompuer kita.

Silahkan mendownload di website https://getcomposer.org/ dan silahkan di install.

Setelah composer terinstall, selanjutnya adalah mendownload project. Ada dua cara yang bisa kita gunakan:

Via Composer Create-Project

Cara pertama adalah dengan composer create-project. Silahkan buka command promt / terminal dan jalankan perintah dibawah ini:

composer create-project --prefer-dist laravel/laravel blog[nama blog]

Setiap ingin mendownlad laravel, kita dapat guanakan perintah diatas.

Via Laravel Installer

Cara kedua adalah dengan laravel installer. Silahkan buka command promt / terminal dan jalankan perintah dibawah ini:

composer global require laravel/installer

Perintah diatas belum mendownload project laravelnya dan cukup di install sekali saja dalam komputer kita.

Untuk mendownloadnya silahkan jalankan perintah dibawah ini:

laravel new blog[nama folder]

Kita gunkanan perintah 'laravel new blog' untuk setiap mendownlaod laravel, dan 'blog' adalah nama folder project kita. Untuk contoh seperti gambar dibawah ini:


Diatas adalah gambar dimana saya mendownload project laravel dengan nama 'blog_laravel_vuejs' dan lokasi folder akan berada di dekstop.

Setelah proses download selesai, kita masuk ke direktori project dan jalankan perintah dibawah ini untuk menjalankan aplikasi.

php artisan serve

Lalu kita buka browser dan buka url http://localhost:8000/.


Selanjutnya buka project di text editor yang kita gunakan. Disini untuk struktur folder dan setiap filenya tidak perlu saya jelaskan.

Kita akan membuat database baru dan melakukan konfigurasi pada project. Silahkan ikuti beberapa langkah dibawah ini:

1. Buat database mysql baru
Langkah pertama kita membuat database baru di MySQL. Sebagai contoh, saya membuat database dengan nama 'db_blog_laravel_vuejs'.

2. Buka File .Env
Unuk menghubungkan database dengan project, buat pengaturan dibawah ini:

//.env
DB_DATABASE=db_blog_laravel_vuejs
DB_USERNAME=root
DB_PASSWORD=

3. Membuat Autentikasi
Laravel menyediakan autentikasi otomatis sekaligus tabel databasenya untuk membuat proses login dan juga registrasi dengan mudah.

Untuk membuatnya ketikan perintah dibawah ini pada terminal dan tekan enter:

php artisan make:auth

Setelah itu ketikan perintah dibawah ini untuk membuat tabel pada database:

php artisan migrate

Jika terajadi error seperti dibawah ini, kita perlu mengatur default panjang karakternya.


Untuk mengatasinya, buka file AppServiceProvider.php dan tambahkan syntax dibawah ini:

//AppServiceProvider.php
use Illuminate\Support\Facades\Schema;

...

public function boot()
{
  Schema::defaultStringLength(191);
}

Kemudian kembali kita lakukan migrasi:

php artisan migrate:fresh

*Perintah diatas digunakan untuk menghapus tabel yang sudah ada dan melakukan migrasi ulang.


Jika tidak ada error maka akan terbuat 3 table seperti pada gambar dibawah ini:

Sampai disini kita sudah bisa melakukan registrasi membuat user baru.



Demikian, sampai disini kita sudah melakukan instalasi laravel, membuat database dan menghubungkannya dengan project serta melakukan registrasi. 

Selanjutnya: Admin Dashboard.