{"id":198,"date":"2023-02-13T16:03:47","date_gmt":"2023-02-13T16:03:47","guid":{"rendered":"https:\/\/landingspage.net\/?p=198"},"modified":"2025-10-07T04:01:12","modified_gmt":"2025-10-07T04:01:12","slug":"cara-membuat-website-dengan-laravel-untuk-pemula","status":"publish","type":"post","link":"https:\/\/landingspage.net\/cara-membuat-website-dengan-laravel-untuk-pemula\/","title":{"rendered":"Cara Membuat Website dengan Laravel Untuk Pemula"},"content":{"rendered":"\n\n\n
\"1
Membuat Website dengan Laravel<\/figcaption><\/figure>\n

Cara membuat website dengan Laravel cukup mudah. User end level pun bisa melakukannya. Namun sebelum kita membahas tentang bagaimana cara membuat website menggunakan Laravel, terlebih dahulu kita akan berkenalan dengan Laravel itu sendiri.<\/span><\/p>\n

Jadi, apa itu Laravel? Laravel adalah suatu framework berbasis bahasa pemrograman PHP yang dimanfaatkan untuk membantu proses pengembangan suatu website agar performanya lebih maksimal dan hasil websitenya juga lebih dinamis.<\/span><\/p>\n

Laravel framework hadir sebagai suatu framework dengan fitur bawaan komplit dan memiliki cukup banyak keunggulan. Bagi Anda yang tertarik membuat website dengan Laravel, berikut tutorialnya!<\/span><\/p>\n

Cara Membuat Website dengan Laravel<\/span><\/h2>\n

Menyiapkan XAMPP dan composer<\/span><\/h2>\n

Hal pertama yang perlu Anda lakukan untuk membuat website dengan Laravel adalah menginstall XAMPP dan instalasi composer.<\/span><\/p>\n

Dalam menginstall XAMPP, Anda bisa mengunduh file nya melalui link dibawah:<\/span><\/p>\n

Download XAMPP<\/a><\/p>\n

Sementara untuk menginstall composer, Anda bisa mengunduh file nya dengan mengklik dibawah:<\/span><\/p>\n

Download Composer<\/a><\/p>\n

Menginstal Laravel<\/span><\/h2>\n

Instalasi Laravel dilakukan dengan membuka perintah CMD (Command Prompt) melalui kombinasi tombol keyboard \u2018Windows + R\u2019, ketik cmd dan klik di perintah Ok.<\/span><\/p>\n

Directory arahkan di bagian folder xampp\\htdocs yang terkategori sebagai folder file server default. Masukkan juga perintah cd\\xampp\\htdocs kemudian instalasi laravel.<\/span><\/p>\n

Kalau Anda berhasil masuk pada directory server, Anda harus membuat request dalam pengambilan dan instalasi file Laravel yang tersedia di repository github, berikut tampilan gambarnya.<\/span><\/p>\n

\"\"<\/p>\n

Jika request berhasil dimasukkan, composer akan mulai mengambil data dan melakukan instalasi pada bagian directory telah Anda tentukan. Agar proses ini berhasil, pastikan koneksi internet Anda dalam kondisi stabil.<\/span><\/p>\n

Tanda instalasi Laravel berhasil, folder baru pada file server akan terbentuk dengan nama sesuai yang Anda tentukan sebelumnya di bagian \\xampp\\htdocs. Dalam tutorial kali ini misalnya nama project yang terbentuk adalah \u2018myproject\u2019 karena nama yang ditentukan sebelumnya adalah \u2018myproject\u2019.<\/span><\/p>\n

Untuk memastikan Laravel yang terinstal siap digunakan atau belum, arahkan command prompt (cmd) pada directory project yang telah Anda buat sebelumnya. Agar bisa pindah directory, perintah yang Anda gunakan seperti gambar berikut :<\/span><\/p>\n

\"\"<\/p>\n

Jika keterangan \u2018Starting Laravel Development Server\u2019 muncul, buka link yang telah disediakan oleh Laravel.<\/span><\/p>\n

Secara default, Anda akan diarahkan pada surel server di alamat http:\/\/127.0.1.1:8000. Tampilan home yang muncul ketika surel server tersebut dibuka, seperti gambar berikut :<\/span><\/p>\n

\"\"<\/p>\n

Konfigurasikan database<\/span><\/h2>\n

Konfigurasikan database dengan mengetikkan localhost\/phpMyAdmin di browser web yang Anda gunakan. Pastikan klik start di module \u2018Apache\u2019 dan juga modul \u2018MySQL\u2019 di Xampp control panel Anda.<\/span><\/p>\n

Pada bagian kiri tampilan, klik new dan isikan nama database yang Anda akan gunakan. Sebagai contoh, gunakan nama database \u2018projectlaravel\u2019 dan klik pada tombol \u2018create\u2019. Kalau berhasil, maka nama database akan muncul di bagian sebelah kiri halaman.<\/span><\/p>\n

Simpan project Laravel<\/span><\/h2>\n

Untuk menyimpan project Laravel di directory default server, Anda akan diarahkan di bagian folder \\xampp\\htdocs kemudian klik folder project Anda.<\/span><\/p>\n

Setelah file project Anda berhasil dibuka, scroll ke bawah sampai Anda menemukan file .env di folder tersebut. Kemudian buka file .env dan ubah kodenya. Tampilannya akan seperti gambar berikut,<\/span><\/p>\n

\"\"<\/p>\n

Lakukan penggantian nama database sesuai yang Anda buat kemudian klik simpan perubahan.<\/span><\/p>\n

Tambahkan bootstrap pada laravel<\/span><\/h2>\n

Tutorial membuat website pada Laravel selanjutnya adalah hubungkan Laravel dengan bootstrap agar tampilannya lebih menarik. Bootstrap akan membantu Anda mewujudkan tampilan website yang lebih menarik dan interaktif.<\/span><\/p>\n

Hubungkan halaman Laravel dengan bootstrap dengan cara membuat suatu folder bernama master.blade.php di folder resources\/view. Kemudian masukkan kode yang sesuai dan simpan perubahannya.<\/span><\/p>\n

Masuk pada folder routes dan tambahkan code berikut di file web.php :<\/span><\/p>\n

\"bootstrap\"<\/p>\n

Pastikan selalu simpan setiap perubahan yang Anda lakukan dan uji bootstrapnya dengan cara mengetikkan perintah php artisan serve di terminal code editor yang digunakan, tampilannya seperti berikut :<\/span><\/p>\n

\"\"<\/p>\n

Buat tabel artikel pada database<\/span><\/h2>\n

Buat wadah untuk menyimpan data artikel di blog Anda. Buat tabel dengan cara mengetikkan perintah berikut pada bagian terminal code editor :<\/span><\/p>\n

\"tabel
tabel artikel pada database<\/figcaption><\/figure>\n

Jika perintah yang dijalankan berhasil, file create_artikel_table.php akan muncul. Ketikkan perintah php artisan migrate di terminal code editor yang digunakan seperti gambar berikut,<\/span><\/p>\n

\"tabel
tabel artikel pada database<\/figcaption><\/figure>\n

Jika dalam cara membuat website dengan Laravel perintah yang dijalankan berhasil, maka tabel artikel akan muncul di database localhost\/phpMyAdmin.<\/span><\/p>\n

\n

Baca juga:\u00a0Tempat Meletakan File-file yang Dibutuhkan oleh Website<\/a><\/em><\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"

Cara membuat website dengan Laravel cukup mudah. User end level pun bisa melakukannya. Namun sebelum kita membahas tentang bagaimana cara membuat website menggunakan Laravel, terlebih dahulu kita akan berkenalan dengan Laravel itu sendiri. Jadi, apa itu Laravel? Laravel adalah suatu framework berbasis bahasa pemrograman PHP yang dimanfaatkan untuk membantu proses pengembangan suatu website agar performanya […]<\/p>\n","protected":false},"author":1,"featured_media":262,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website"],"_links":{"self":[{"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/posts\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":1,"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/posts\/198\/revisions"}],"predecessor-version":[{"id":1992,"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/posts\/198\/revisions\/1992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/media\/262"}],"wp:attachment":[{"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/media?parent=198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/categories?post=198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/landingspage.net\/wp-json\/wp\/v2\/tags?post=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}