\nDatabase (MySQL atau lainnya)<\/p>\n<\/li>\n<\/ul>\n
Jika belum memiliki project Laravel, buat terlebih dahulu: composer create-project laravel\/laravel contact-form
\n<\/code><\/code><\/p>\nMasuk ke folder project: cd<\/span> contact-form
\n<\/code><\/code><\/p>\n1. Install Laravel Livewire<\/strong><\/p>\nInstall Livewire menggunakan Composer: composer require livewire\/livewire
\n<\/code><\/code><\/p>\nSetelah instalasi selesai, tambahkan directive Livewire di file layout utama (biasanya resources\/views\/layouts\/app.blade.php<\/code>).<\/p>\nTambahkan di dalam tag <head><\/code>: @livewireStyles
\n<\/code><\/code><\/p>\nTambahkan sebelum <\/body><\/code>: @livewireScripts
\n<\/code><\/code><\/p>\n2. Buat Migration untuk Contact<\/strong><\/p>\nBuat migration: php artisan make:migration create_contacts_table
\n<\/code><\/code><\/p>\nEdit file migration:<\/p>\n
\n
public<\/span> function<\/span><\/span> up<\/span>()
\n{
\nSchema<\/span>::create<\/span>('contacts'<\/span>, function (Blueprint $table<\/span>) {
\n$table<\/span>->id<\/span>();
\n$table<\/span>->string<\/span>('name'<\/span>);
\n$table<\/span>->string<\/span>('email'<\/span>);
\n$table<\/span>->string<\/span>('subject'<\/span>);
\n$table<\/span>->text<\/span>('message'<\/span>);
\n$table<\/span>->timestamps<\/span>();
\n});
\n}
\n<\/code><\/div>\n<\/div>\nJalankan migration: php artisan migrate
\n<\/code><\/code><\/p>\n3. Buat Model Contact<\/strong><\/p>\n\n
php artisan make:model Contact
\n<\/code><\/div>\n<\/div>\nEdit model app\/Models\/Contact.php<\/code>:<\/p>\n\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n
protected<\/span> $fillable<\/span> = [
\n'name'<\/span>,
\n'email'<\/span>,
\n'subject'<\/span>,
\n'message'<\/span>,
\n];
\n<\/code><\/div>\n<\/div>\n4. Buat Livewire Component<\/strong><\/p>\nBuat komponen Livewire: php artisan make:livewire ContactForm
\n<\/code><\/code><\/p>\nPerintah ini akan membuat:<\/p>\n
\n- \n
app\/Http\/Livewire\/ContactForm.php<\/p>\n<\/li>\n
- \n
resources\/views\/livewire\/contact-form.blade.php<\/p>\n<\/li>\n<\/ul>\n
5. Edit Logic ContactForm.php\u00a0<\/strong><\/p>\nBuka file: app\/Http\/Livewire\/ContactForm.php<\/code><\/p>\nIsi dengan kode berikut:<\/p>\n
\n
\n
namespace<\/span> App<\/span>\\Http<\/span>\\Livewire<\/span>;<\/code><\/p>\nuse<\/span> Livewire<\/span>\\Component<\/span>;
\nuse<\/span> App<\/span>\\Models<\/span>\\Contact<\/span>;<\/p>\nclass<\/span><\/span> ContactForm<\/span> extends<\/span> Component<\/span>
\n{
\npublic<\/span> $name<\/span>, $email<\/span>, $subject<\/span>, $message<\/span>;<\/p>\nprotected<\/span> $rules<\/span> = [
\n‘name’<\/span> => ‘required|min:3’<\/span>,
\n’email’<\/span> => ‘required|email’<\/span>,
\n‘subject’<\/span> => ‘required|min:5’<\/span>,
\n‘message’<\/span> => ‘required|min:10’<\/span>,
\n];<\/p>\npublic<\/span> function<\/span><\/span> submit<\/span>()
\n{
\n$this<\/span>->validate<\/span>();<\/p>\nContact<\/span>::create<\/span>([
\n‘name’<\/span> => $this<\/span>->name,
\n’email’<\/span> => $this<\/span>->email,
\n‘subject’<\/span> => $this<\/span>->subject,
\n‘message’<\/span> => $this<\/span>->message,
\n]);<\/p>\nsession<\/span>()->flash<\/span>(‘success’<\/span>, ‘Pesan berhasil dikirim!’<\/span>);<\/p>\n$this<\/span>->reset<\/span>();
\n}<\/p>\npublic<\/span> function<\/span><\/span> render<\/span>()
\n{
\nreturn<\/span> view<\/span>(‘livewire.contact-form’<\/span>);
\n}
\n}<\/p>\n<\/div>\n<\/div>\n6. Buat Tampilan Form<\/strong><\/p>\nBuka file: resources\/views\/livewire\/contact-form.blade.php<\/code><\/p>\nIsi dengan kode berikut:<\/p>\n
\n
<div>
\n@if (session()->has('success'))
\n<div style=\"color: green;\">
\n{{ session('success') }}
\n<\/div>
\n@endif<\/code><\/code><form wire:submit.prevent=”submit”>
\n<div>
\n<label>Nama<\/label>
\n<input type=”text” wire:model=”name”>
\n@error(‘name’) <span>{{ $message }}<\/span> @enderror
\n<\/div><\/p>\n<\/code><\/code><div>
\n<label>Email<\/label>
\n<input type=”email” wire:model=”email”>
\n@error(’email’) <span>{{ $message }}<\/span> @enderror
\n<\/div><\/p>\n<\/code><\/code><div>
\n<label>Subjek<\/label>
\n<input type=”text” wire:model=”subject”>
\n@error(‘subject’) <span>{{ $message }}<\/span> @enderror
\n<\/div><\/p>\n<\/code><\/code><div>
\n<label>Pesan<\/label>
\n<textarea wire:model=”message”><\/textarea>
\n@error(‘message’) <span>{{ $message }}<\/span> @enderror
\n<\/div><\/p>\n<\/code><\/code><button type=”submit”>Kirim<\/button>
\n<\/form>
\n<\/div><\/p>\n<\/div>\n<\/div>\n7. Tampilkan Contact Form di Halaman<\/strong><\/p>\nBuka file route routes\/web.php<\/code>: Route<\/span>::get<\/span>('\/contact'<\/span>, function () {
\nreturn<\/span> view<\/span>('contact'<\/span>);
\n});
\n<\/code><\/code><\/p>\nBuat file: resources\/views\/contact.blade.php<\/code><\/p>\nIsi dengan: @extends('layouts.app')<\/code><\/code><\/p>\n@section(‘content’)
\n<h1>Contact Us<\/h1>
\n@livewire(‘contact-form’)
\n@endsection<\/p>\n
Cara Menjalankan Project<\/h2>\n
Jalankan server Laravel: php artisan serve
\n<\/code><\/code><\/p>\nBuka browser: http:\/\/127.0.0.1:8000\/contact<\/code><\/p>\nSekarang contact form sudah aktif dan dapat menyimpan data ke database tanpa JavaScript tambahan.<\/p>\n
Kelebihan Menggunakan Livewire untuk Contact Form<\/h2>\n\n- \n
Tidak perlu AJAX manual<\/p>\n<\/li>\n
- \n
Validasi langsung tanpa reload halaman<\/p>\n<\/li>\n
- \n
Struktur kode tetap rapi<\/p>\n<\/li>\n
- \n
Mudah dikembangkan<\/p>\n<\/li>\n
- \n
Terintegrasi penuh dengan Laravel<\/p>\n<\/li>\n<\/ol>\n
Tips Pengembangan Lanjutan<\/h2>\n
Anda bisa menambahkan:<\/p>\n
\n- \n
Notifikasi email otomatis saat form dikirim<\/p>\n<\/li>\n
- \n
Proteksi spam dengan Google reCAPTCHA<\/p>\n<\/li>\n
- \n
Styling menggunakan Tailwind atau Bootstrap<\/p>\n<\/li>\n
- \n
SweetAlert untuk notifikasi lebih menarik<\/p>\n<\/li>\n
- \n
Rate limiting untuk keamanan<\/p>\n<\/li>\n<\/ul>\n
Kesimpulan<\/h2>\n
Membuat contact form Laravel menggunakan Livewire adalah solusi modern dan efisien untuk membangun form interaktif tanpa harus menulis JavaScript secara kompleks. Dengan Livewire, Anda dapat menangani validasi, penyimpanan data, dan interaksi pengguna langsung menggunakan PHP dan Blade.<\/p>\n
Metode ini sangat cocok untuk developer Laravel yang ingin membangun aplikasi web dinamis dengan kode yang tetap bersih dan mudah dipelihara.<\/p>\n\n\n
\n \n
\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
\n 5\/5 - (1 vote) <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"
Membuat contact form adalah salah satu kebutuhan dasar dalam pengembangan website. Jika Anda menggunakan Laravel, kini Anda bisa membuat form kontak yang dinamis tanpa harus menulis banyak kode JavaScript, yaitu dengan bantuan Laravel Livewire. Livewire memungkinkan Anda membangun antarmuka interaktif menggunakan Blade dan PHP saja, tanpa perlu menulis JavaScript secara kompleks. Pada artikel ini, kita […]<\/p>\n","protected":false},"author":13,"featured_media":29894,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"no","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[{"account":"twitter_2392824914_2392824914","service":"twitter","timestamp":1770872046,"status":"error"}],"rop_publish_now_status":"done","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[15414,15416,15408,15415,15412,15410,15411,15409,15413,15407],"class_list":["post-29891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-backend-development-laravel","tag-belajar-coding-laravel","tag-cara-install-livewire","tag-form-submit-laravel","tag-laravel-project-tutorial","tag-laravel-web-development","tag-livewire-validation","tag-membuat-form-interaktif-laravel","tag-php-laravel-guide","tag-tutorial-contact-form-laravel"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png",1366,768,false]},"yoast_head":"\n
Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Membuat contact form adalah salah satu kebutuhan dasar dalam pengembangan website. Jika Anda menggunakan Laravel, kini Anda bisa membuat form kontak yang dinamis tanpa harus menulis banyak kode JavaScript, yaitu dengan bantuan Laravel Livewire. Livewire memungkinkan Anda membangun antarmuka interaktif menggunakan Blade dan PHP saja, tanpa perlu menulis JavaScript secara kompleks. Pada artikel ini, kita […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-12T04:53:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fitri Ana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fitri Ana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire\"},\"author\":{\"name\":\"Fitri Ana\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\"},\"headline\":\"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire\",\"datePublished\":\"2026-02-12T04:53:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire\"},\"wordCount\":617,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png\",\"keywords\":[\"backend development laravel\",\"belajar coding laravel\",\"cara install livewire\",\"form submit laravel\",\"laravel project tutorial\",\"laravel web development\",\"livewire validation\",\"membuat form interaktif laravel\",\"php laravel guide\",\"tutorial contact form laravel\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire\",\"url\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire\",\"name\":\"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png\",\"datePublished\":\"2026-02-12T04:53:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita & Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\",\"name\":\"Fitri Ana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"caption\":\"Fitri Ana\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire","og_locale":"en_US","og_type":"article","og_title":"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire - Hosteko Blog","og_description":"Membuat contact form adalah salah satu kebutuhan dasar dalam pengembangan website. Jika Anda menggunakan Laravel, kini Anda bisa membuat form kontak yang dinamis tanpa harus menulis banyak kode JavaScript, yaitu dengan bantuan Laravel Livewire. Livewire memungkinkan Anda membangun antarmuka interaktif menggunakan Blade dan PHP saja, tanpa perlu menulis JavaScript secara kompleks. Pada artikel ini, kita […]","og_url":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire","og_site_name":"Hosteko Blog","article_published_time":"2026-02-12T04:53:49+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png","type":"image\/png"}],"author":"Fitri Ana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Fitri Ana","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire"},"author":{"name":"Fitri Ana","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0"},"headline":"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire","datePublished":"2026-02-12T04:53:49+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire"},"wordCount":617,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png","keywords":["backend development laravel","belajar coding laravel","cara install livewire","form submit laravel","laravel project tutorial","laravel web development","livewire validation","membuat form interaktif laravel","php laravel guide","tutorial contact form laravel"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire","url":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire","name":"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png","datePublished":"2026-02-12T04:53:49+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/cara-membuat-contact-form-laravel-dengan-livewire#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Tanpa JavaScript Ribet! Cara Membuat Contact Form Laravel dengan Livewire"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita & Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0","name":"Fitri Ana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","caption":"Fitri Ana"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2026\/02\/Desain-tanpa-judul197.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/29891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=29891"}],"version-history":[{"count":2,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/29891\/revisions"}],"predecessor-version":[{"id":29896,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/29891\/revisions\/29896"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/29894"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=29891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=29891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=29891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}