Cara Membuat Website Company Profile dengan Laravel untuk Pemula

Rulastri
By -
0

Membuat website company profile kini menjadi kebutuhan penting bagi bisnis maupun individu yang ingin tampil profesional di internet. Salah satu cara yang bisa digunakan adalah dengan memanfaatkan framework Laravel.

Pada artikel ini, saya akan membagikan pengalaman membuat website company profile menggunakan Laravel, lengkap dari tahap awal hingga website siap digunakan.

Apa Itu Website Company Profile?

Website company profile adalah situs yang berisi informasi lengkap tentang sebuah bisnis atau organisasi. Biasanya website ini menampilkan profil perusahaan, layanan, portofolio, dan kontak.

Dengan website ini, bisnis akan terlihat lebih profesional dan mudah ditemukan oleh calon pelanggan.

Kenapa Menggunakan Laravel?

Laravel adalah framework PHP yang populer dan memiliki banyak keunggulan, seperti:

  • Struktur kode yang rapi dan mudah dipahami
  • Fitur lengkap (routing, authentication, dll)
  • Cocok untuk pengembangan website skala kecil hingga besar

Laravel sangat cocok digunakan untuk membuat website company profile yang fleksibel dan profesional.

Persiapan Sebelum Membuat Website

Sebelum mulai, pastikan kamu sudah menyiapkan:

  • PHP versi terbaru
  • Composer
  • Laravel
  • Text editor (VS Code, dll)
  • Browser

Langkah-Langkah Membuat Website Company Profile

1. Install Laravel

Gunakan perintah berikut:

composer create-project laravel/laravel company-profile

Masuk ke folder project:

cd company-profile
php artisan serve

2. Membuat Struktur Halaman

Halaman utama yang dibutuhkan:

  • Home
  • About
  • Services
  • Portfolio
  • Contact

Buat route di file web.php:

Route::get('/', function () {
return view('home');
});

3. Membuat Tampilan (Blade Template)

Buat file:

  • home.blade.php
  • about.blade.php

Gunakan template sederhana:

<h1>Welcome to Company Profile</h1>
<p>Ini adalah website company profile pertama saya menggunakan Laravel.</p>

4. Menambahkan Konten

Isi setiap halaman dengan:

  • Deskripsi perusahaan
  • Layanan
  • Kontak
  • Portofolio

5. Menambahkan Styling (CSS / Bootstrap)

Agar lebih menarik, kamu bisa menggunakan Bootstrap:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">

Studi Kasus: Website yang Saya Buat

Pada project ini, saya membuat website company profile sederhana dengan fitur:

  • Halaman Home
  • Halaman About
  • Halaman Services
  • Halaman Contact

Website ini dibuat untuk latihan sekaligus portofolio pribadi.


Berikut screenshot programnya:

halaman home pengunjung


halaman kontent profile perusahaan


halaman footer


halaman login


halaman dashboard admin



Posting Komentar

0Komentar

Posting Komentar (0)