{"id":17380,"date":"2020-11-24T15:31:32","date_gmt":"2020-11-24T08:31:32","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=17380"},"modified":"2022-09-06T08:45:43","modified_gmt":"2022-09-06T01:45:43","slug":"cara-membuat-contact-form-laravel","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-contact-form-laravel\/","title":{"rendered":"Cara Membuat Contact Form Laravel Menggunakan Livewire"},"content":{"rendered":"\n<p>Laravel merupakan salah satu framework yang saat ini banyak digunakan oleh developer, untuk mengembangkan website maupun aplikasi yang berkaitan dengan program pengembahan PHP. Pada panduan kali ini, Rumahweb akan berbagi cara membuat form Laravel yang mudah untuk Anda ikuti.<\/p>\n\n\n\n\n\n<p>Sebagai contoh, kami akan membuat contact form Laravel dengan Livewire. Terlebih dahulu, yuk kita kenal lebih dekat apa itu Livewire.<\/p>\n\n\n\n<p>Baca juga artikel <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-menambah-session-timeout-pada-laravel\/\" title=\"menambah session timeout laravel\">Cara Menambah Session Timeout Pada Laravel<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Livewire?<\/h2>\n\n\n\n<p><strong>Livewire <\/strong>adalah framework full-stack untuk developer Laravel dalam membuat user interface (UI) yang dinamis, tanpa meninggalkan pengkodean Laravel pada umumnya seperti menampilkan data dari controller ke view. <\/p>\n\n\n\n<p>Pada Livewire, Class PHP dijadikan sebagai controller di Laravel sehingga Anda tidak akan kesulitan dalam mengembangkannya.<\/p>\n\n\n\n<p>Pada artikel ini, Kami akan memberikan panduan cara membuat contact form di Laravel menggunakan Livewire sebagai framework tambahan dengan sangat mudah.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara menginstal Liveware<\/h2>\n\n\n\n<p>Pastikan Proyek Laravel Anda telah siap dan silahkan dimulai dengan menjalankan perintah berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>composer require livewire\/livewire<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"723\" height=\"424\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-1.png\" alt=\"Cara menginstal Liveware image 1\" class=\"wp-image-17389\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-1.png 723w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-1-300x176.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-1-370x217.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-1-270x158.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-1-570x334.png 570w\" sizes=\"auto, (max-width: 723px) 100vw, 723px\" \/><\/figure>\n\n\n\n<p>Secara otomatis, paket Livewire akan ditambahkan ke proyek Laravel Anda.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Menambahkan Komponen Livewire<\/h2>\n\n\n\n<p>Untuk membuat komponen Livewire baru, Anda dapat menjalankan perintah berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:livewire contact-form<\/code><\/pre>\n\n\n\n<p>Ini akan menambahkan komponen class dan view Livewire Anda<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"726\" height=\"299\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_3.png\" alt=\"Menambahkan Komponen Livewire image 1\" class=\"wp-image-17393\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_3.png 726w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_3-300x124.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_3-370x152.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_3-270x111.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_3-570x235.png 570w\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" \/><\/figure>\n\n\n\n<p>Setelah komponen yang diperlukan telah siap, Anda dapat menyertakan Livewire ke view blade utama.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat Tampilan Blade<\/h2>\n\n\n\n<p>Silahkan Anda buat satu view dan gunakan template gratis <a href=\"https:\/\/github.com\/thedevdojo\/tails\/blob\/master\/components\/form-contact-simple.html\">TailwindCSS<\/a>.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Buat file <strong>contact.blade.php<\/strong> dan simpan difolder <strong>resources\/views<\/strong>.<br \/>Isikan kode HTML berikut:<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\r\n&lt;html lang=\"en\">\r\n&lt;head>\r\n    &lt;link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tailwindcss\/1.8.10\/tailwind.min.css\">\r\n\r\n    @livewireStyles\r\n\t\r\n&lt;\/head>\r\n&lt;body class=\"antialiased overflow-x-hidden\">\r\n\r\n    @livewire('contact-form')\r\n\r\n    @livewireScripts\r\n&lt;\/body>\r\n&lt;\/html><\/code><\/pre>\n\n\n\n<p>Pada bagian form contact diatas,  Anda akan melihat kode @livewire(&#8216;contact-form&#8217;) yang menyertakan contact-form view Livewire yang telah dibuat.<\/p>\n\n\n\n<p>2. Buat file view Livewire<\/p>\n\n\n\n<p>Setelah Anda menyiapkan view Blade dengan memasukan gaya dan skrip Livewire dilangkah sebelumnya, sekarang Anda harus membuat tampilan utama form kontaknya.<\/p>\n\n\n\n<p>Silahkan Anda menambahkan script dibawah pada file c<strong>ontact-form.blade.php<\/strong> difolder <strong>resources\/views\/livewire\/<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div>\n    &lt;section class=\"relative py-6 bg-white bg-gray-200 min-w-screen animation-fade animation-delay\">\n        &lt;div class=\"container h-full max-w-5xl mx-auto overflow-hidden rounded-lg shadow\">\n            @if ($success)\n                &lt;div class=\"inline-flex w-full ml-3 overflow-hidden bg-white rounded-lg shadow-sm\">\n                    &lt;div class=\"flex items-center justify-center w-12 bg-green-500\">\n                    &lt;\/div>\n                    &lt;div class=\"px-3 py-2 text-left\">\n                        &lt;span class=\"font-semibold text-green-500\">Berhasil&lt;\/span>\n                        &lt;p class=\"mb-1 text-sm leading-none text-gray-500\">{{ $success }}&lt;\/p>\n                    &lt;\/div>\n                &lt;\/div>\n            @endif\n            &lt;div class=\"h-full sm:flex\">\n                &lt;div class=\"flex items-center justify-center w-full p-10 bg-white\">\n                    &lt;form wire:submit.prevent=\"contactFormSubmit\" action=\"\/contact\" method=\"POST\" class=\"w-full\">\n                        @csrf\n                        &lt;div class=\"pb-3\">\n                            @error('email')\n                                &lt;p class=\"text-red-500 mt-1\">{{ $message }}&lt;\/p>\n                            @enderror\n                            &lt;input wire:model=\"email\" class=\"w-full px-5 py-3 border border-gray-400 rounded-lg outline-none focus:shadow-outline\" type=\"text\" placeholder=\"Email Address\" name=\"email\" value=\"{{ old('email') }}\" \/>\n                        &lt;\/div>\n                        &lt;div class=\"py-3\">\n                            @error('name')\n                                &lt;p class=\"text-red-500 mt-1\">{{ $message }}&lt;\/p>\n                            @enderror\n                            &lt;input wire:model=\"name\" class=\"w-full px-5 py-3 border border-gray-400 rounded-lg outline-none focus:shadow-outline\" type=\"text\" placeholder=\"Name\" name=\"name\" value=\"{{ old('name') }}\" \/>\n                        &lt;\/div>\n                        &lt;div class=\"py-3\">\n                            @error('comment')\n                                &lt;p class=\"text-red-500 mt-1\">{{ $message }}&lt;\/p>\n                            @enderror\n                            &lt;textarea wire:model=\"comment\" row=\"4\" class=\"w-full h-40 px-5 py-3 border border-gray-400 rounded-lg outline-none focus:shadow-outline\" name=\"comment\" placeholder=\"Your message here...\">{{ old('comment') }}&lt;\/textarea>\n                        &lt;\/div>\n                        &lt;div class=\"pt-3\">\n                            &lt;button class=\"flex px-6 py-3 text-white bg-indigo-500 rounded-md hover:bg-indigo-600 hover:text-white focus:outline-none focus:shadow-outline focus:border-indigo-300\" type=\"submit\">\n                                &lt;span class=\"self-center float-left ml-3 text-base font-medium\">Submit&lt;\/span>\n                            &lt;\/button>\n                        &lt;\/div>\n                    &lt;\/form>\n                &lt;\/div>\n            &lt;\/div>\n        &lt;\/div>\n    &lt;\/section>\n&lt;\/div><\/code><\/pre>\n\n\n\n<p>Apabila file <strong>contact-form.blade.php<\/strong> belum ada, silahkan dibuat baru terlebih dahulu.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Pada tag form pembuka, kami menentukan metode Livewire yang akan bertanggung jawab atas logika validasi formulir dan mengirimkan email:<br \/>form wire:submit.prevent=&#8221;contactFormSubmit&#8221;<\/li><li>Dengan menggunakan wire:model di kolom input, kami mengikat properti class secara langsung dengan tampilan Livewire yang telah dibuat.<\/li><li>Kami menggunakan @error(&#8216;name&#8217;)helper untuk menampilkan kesalahan validasi apa pun dari class Livewire.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p><\/p>\n<\/div><\/div>\n\n\n\n<p>Tahap terkahir dalam pembuatan view, silahkan Anda tambahkan file dengan nama <strong>email.blade.php<\/strong> dengan kode skrip berikut:<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<pre class=\"wp-block-code\"><code>Contact from enquery from: {{ $name }}\r\n&lt;p> Name: {{ $name }} &lt;\/p>\r\n&lt;p> Email: {{ $email }} &lt;\/p>\r\n&lt;p> Message: {{ $comment }} &lt;\/p><\/code><\/pre>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>File PHP diatas disimpan pada<strong> resources\/views\/<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Siapkan Alur Kerja Livewire<\/h2>\n\n\n\n<p>Dalam tahap ini, Kami akan membuat alur Livewire agar dapat digunakan dengan baik pada Laravel. Silahkan Anda edit file <strong>app\/Http\/Livewire\/ContactForm.php<\/strong> dan tambahkan kode skrip berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nnamespace App\\Http\\Livewire;\nuse Livewire\\Component;\nuse Mail;\n\nclass ContactForm extends Component\n{\n    public $name;\n    public $email;\n    public $comment;\n    public $success;\n    protected $rules = &#091;\n        'name' => 'required',\n        'email' => 'required|email',\n        'comment' => 'required|min:5',\n    ];\n\n    public function contactFormSubmit()\n    {\n        $contact = $this->validate();\n\n        Mail::send('email',\n        array(\n            'name' => $this->name,\n            'email' => $this->email,\n            'comment' => $this->comment,\n            ),\n            function($message){\n                $message->from('satrialesomar@gmail.com');\n                $message->to('satrialesomar@gmail.com', 'Fredric')->subject('Dari Contact Form Website');\n            }\n        );\n\n        $this->success = 'Terima kasih, telah menghubungi kami!';\n\n        $this->clearFields();\n    }\n\n    private function clearFields()\n    {\n        $this->name = '';\n        $this->email = '';\n        $this->comment = '';\n    }\n\n    public function render()\n    {\n        return view('livewire.contact-form');\n    }\n}<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Noted: Pada kode skrip diatas, kami menggunakan akun email Gmail sebagai percobaan sehingga kami telah menginjinkan aplikasi contact form untuk menggunakan layanan Gmail dipengaturan akun Google.<\/p><\/blockquote>\n\n\n\n<ul class=\"wp-block-list\"><li>Kode skrip diatas kami menambahkan aturan validasi:<\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"98\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_12.png\" alt=\"\" class=\"wp-image-17443\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_12.png 361w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_12-300x81.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_12-270x73.png 270w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/figure>\n<\/div>\n\n\n<p>Penjelasan lebih lanjut tentang validasi Livewire, silahkan Anda lihat dokumentasi resminya <a href=\"https:\/\/laravel-livewire.com\/docs\/2.x\/input-validation\" title=\"https:\/\/laravel-livewire.com\/docs\/2.x\/input-validation\" target=\"_blank\" rel=\"noreferrer noopener\">disini<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Fungsi contactFormSubmit untuk metrigger validasi jika pengiriman telah berhasil.<\/li><li>Fungsi clearFieldsmetode untuk menghapus bidang formulir setelah pengiriman email telah selesai dilakukan.<\/li><\/ul>\n\n\n\n<p>Sampai disini alur kerja Livewire telah selesai dibuat dan siap untuk digunakan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tambahkan Route<\/h2>\n\n\n\n<p>Untuk mempermudah pengembalian <strong>contact.blade.php<\/strong>, Anda dapat membuat rute baru dengan kode skrip berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Route::get('\/', function () {\n    return view('contact');\n});\n<\/code><\/pre>\n\n\n\n<p>Kode diatas dapat Anda tambahkan pada file <strong>web.php<\/strong>  difolder <strong>routes\/<\/strong>, sehingga akan ditampilkan seperti berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"831\" height=\"417\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_13.png\" alt=\"Tambahkan Route image\" class=\"wp-image-17452\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_13.png 831w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_13-300x151.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_13-768x385.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_13-370x186.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_13-270x135.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_13-570x286.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_13-740x371.png 740w\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" \/><\/figure>\n\n\n\n<p>Pada view <strong>contact (contact.blade.php) <\/strong>gambar atas akan dieksekusi dihalaman utama website karena Kami menempatkan <strong>contact <\/strong>pada rute <strong>\/<\/strong> . Rute tersebut dapat Anda sesuaikan dengan lokasi yang diinginkan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Konfigurasi SMTP<\/h2>\n\n\n\n<p>Pada tahap ini, Anda harus melakukan konfigurasi SMTP pada file <strong>.ENV<\/strong> agar dapat menjalankan fungsi email dengan baik.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"367\" height=\"152\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_14.png\" alt=\"setting SMTP Laravel\" class=\"wp-image-17470\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_14.png 367w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_14-300x124.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_14-270x112.png 270w\" sizes=\"auto, (max-width: 367px) 100vw, 367px\" \/><\/figure>\n\n\n\n<p>Anda dapat menyesuaikan konfig sesuai tampilan gambar diatas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pengujian Contact Form Livewire<\/h2>\n\n\n\n<p>Silahkan Anda jalankan contact form yang telah dibuat melalui browser.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"662\" height=\"333\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_1.png\" alt=\"Test contact form di laravel dengan Livewire\" class=\"wp-image-17565\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_1.png 662w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_1-300x151.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_1-370x186.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_1-270x136.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_1-570x287.png 570w\" sizes=\"auto, (max-width: 662px) 100vw, 662px\" \/><\/figure>\n\n\n\n<p>Anda dapat langsung klik tombol <strong>Submit<\/strong> untuk mengirim pesan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"639\" height=\"379\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_7-1.png\" alt=\"test koneksi berhasil pada contact form laravel yang telah dibuat\" class=\"wp-image-17485\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_7-1.png 639w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_7-1-300x178.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_7-1-370x219.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_7-1-270x160.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_7-1-570x338.png 570w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><\/figure>\n\n\n\n<p>Notifikasi Berhasil akan muncul ketika konfigurasi telah benar dan berikut tampilan disisi penerima email:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"533\" height=\"349\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-5.png\" alt=\"Hasil pengiriman email dari contact form\" class=\"wp-image-17564\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-5.png 533w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-5-300x196.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-5-370x242.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_2-5-270x177.png 270w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><\/figure>\n\n\n\n<p>Demikian <span style=\"text-decoration: underline;\">cara membuat contact form di Laravel<\/span> menggunakan Livewire. Selamat mencoba!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Laravel merupakan salah satu framework yang saat ini banyak digunakan oleh developer, untuk mengembangkan website maupun aplikasi yang berkaitan dengan program pengembahan PHP. Pada panduan kali ini, Rumahweb akan berbagi cara membuat form Laravel yang mudah untuk Anda ikuti. Sebagai contoh, kami akan membuat contact form Laravel dengan Livewire. Terlebih dahulu, yuk kita kenal lebih [&hellip;]<\/p>\n","protected":false},"author":338,"featured_media":17492,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2],"tags":[796,1445],"class_list":{"0":"post-17380","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-artikel-tutorial","8":"tag-laravel","9":"tag-livewire"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/28149771.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-4wk","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/17380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/338"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=17380"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/17380\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/17492"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=17380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=17380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=17380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}