Tutorial: Instal Laravel Splade

• 4 min read • 4589 views

Halo sobat Dev yang saya banggakan, pada postingan kali ini saya akan mebahas tentang Tutorial: instal laravel splade. Pembaruan demi pembaruan di hadirkan oleh laravel, hal ini bertujuan untuk memudahkan pengguna laravel dan kenyamanan saat pembuatan project di laravel. Kali ini laravel menghadirkan Splade untuk mempermudah para penggunanya.  Splade adalah sebuah paket yang memungkinkan kita untuk membuat aplikasi web dengan menggunakan blade sebagai template engine, tanpa perlu menggunakan framework frontend seperti React atau Vue. Dengan Laravel Splade, kita bisa membuat aplikasi web yang responsif, dinamis, dan mudah di-maintain. Mari kita lanjutkan Pembahasanya !

Penjelasan Tentang Laravel Splade

Apa itu laravel splade? Laravel Splade adalah sebuah paket yang memungkinkan kita untuk membuat aplikasi web satu halaman (SPA) menggunakan blade sebagai template engine, tanpa perlu menggunakan framework frontend seperti React atau Vue. SPA adalah jenis aplikasi web yang hanya memuat satu halaman di browser pengguna, dan memperbarui halaman tersebut secara dinamis saat pengguna berinteraksi dengannya. Dengan Laravel Splade, kita bisa membuat aplikasi web yang responsif, dinamis, dan mudah di-maintain. Laravel Splade juga menyediakan beberapa komponen bawaan yang berguna untuk membuat fitur-fitur seperti link, form, modal, data, table, event, dan lain-lain. Laravel Splade memanfaatkan keajaiban Inertia.js dengan kesederhanaan blade.

Tutorial: Instal Laravel Splade

Mari kita langsung uji coba kemampuan splade  dengan membuat blade menjadi singgel page application (SPA) tanpa menggunakan react juga vue js.

Berikut adalah langkah-langkah untuk melakukan instalasi Laravel Splade:

```php
composer create-project --prefer-dist laravel/laravel:^10.0 tutorial-instal-splade
```

```php
composer require protonemedia/laravel-splade
```

```php
php artisan splade:install
```

```php
php artisan storage:link
```

```php
npm install && npm run dev
```

```php
php artisan serve
```

Penutup