Laravel 13 Pemula #2: Menciptakan Dunia Baru – Membuat Proyek Laravel 13

Tutorial Laravel 13 Pemula • Proyek Web Berita

#2: Menciptakan Dunia Baru – Membuat Proyek Laravel 13 dengan Perintah Ajaib

Halo, Sobat Kreatif! 🧙♂️

Di tutorial sebelumnya, kita sudah menyiapkan Laragon (rumahnya website) dan Composer (asisten pribadi). Sekarang saatnya kita menciptakan dunia baru tempat Situs Berita Online kita akan dibangun. Di dunia pemrograman, kita menyebutnya proyek Laravel.

Tenang, prosesnya sangat mudah seperti memberi perintah pada asisten kita. Ayo ikuti langkah-langkah ajaib berikut!

🎯 Tujuan Kita: Membuat folder proyek bernama situs-berita (atau nama keren lainnya) yang di dalamnya sudah tersedia semua file dan folder Laravel. Kita akan melihat tampilan selamat datang dari Laravel sebagai tanda bahwa dunia baru kita berhasil dibuat.

Langkah 1: Buka Terminal Laragon

📟 Membuka Jendela Ajaib (Terminal)

Terminal adalah tempat kita mengetikkan perintah untuk berbicara dengan komputer. Di Laragon, kita bisa membukanya dengan mudah:

  1. Cari ikon Laragon di pojok kanan bawah (dekat jam). Biasanya berbentuk seperti daun hijau 🍃.
  2. Klik kanan ikon tersebut.
  3. Pilih menu Terminal.

Maka akan muncul jendela hitam (Command Prompt) dengan tulisan seperti C:\laragon\www>. Ini adalah tempat kita bekerja.

💡 Info Penting: Folder www di Laragon adalah tempat semua proyek website kita disimpan. Setiap proyek akan punya folder sendiri di dalamnya.

Langkah 2: Perintah Ajaib composer create-project

📦 Membuat Proyek Laravel 13

Di terminal, kita akan mengetikkan perintah berikut. Perintah ini menyuruh Composer untuk membuat proyek Laravel versi terbaru (saat ini Laravel 13) dengan nama situs-berita.

composer create-project laravel/laravel situs-berita

Tekan Enter. Sekarang duduk manis dan lihat keajaiban terjadi! Composer akan mulai mengunduh semua file yang diperlukan. Proses ini bisa memakan waktu 2–5 menit tergantung kecepatan internet.

📡 Yang Terjadi di Layar: Kamu akan melihat banyak tulisan hijau berjalan. Itu adalah Composer sedang mengambil paket-paket yang dibutuhkan Laravel. Jangan khawatir jika ada tulisan Warning atau Notice, biasanya aman.

Setelah selesai, akan muncul tulisan "Package manifest generated successfully" atau "Set current directory to ...". Itu tandanya proyek kita sudah jadi!

Langkah 3: Lihat Folder Proyek yang Baru Lahir

👀 Mengecek Hasil Karya

Sekarang buka File Explorer (Windows) dan masuk ke folder C:\laragon\www\situs-berita. Di dalamnya kamu akan melihat banyak folder dan file seperti:

  • app/ – tempat kode utama aplikasi (controller, model, dll)
  • database/ – tempat file migrasi (struktur tabel)
  • resources/ – tempat tampilan (view) dan file CSS/JS
  • routes/ – tempat pengaturan alamat URL
  • .env – file rahasia untuk pengaturan database, dll

Wah, banyak sekali! Jangan bingung, nanti kita akan mempelajarinya satu per satu seperti membuka peta harta karun.

Langkah 4: Jalankan Server Laravel

🏃 Menghidupkan Website

Sebelum kita bisa melihat hasilnya, kita harus menjalankan server bawaan Laravel. Caranya:

  1. Masih di terminal, pastikan kita berada di dalam folder proyek. Jika belum, ketik:
    cd situs-berita
    (perintah cd adalah singkatan dari "change directory" – pindah folder)
  2. Kemudian jalankan perintah:
    php artisan serve

Setelah itu akan muncul tulisan:

Starting Laravel development server: http://127.0.0.1:8000

Artinya website kita sudah hidup di alamat http://localhost:8000.

💡 Catatan: Biarkan terminal tetap terbuka (jangan ditutup). Jika kamu ingin menghentikan server, tekan Ctrl + C.

Langkah 5: Lihat Halaman Selamat Datang!

👋 Dunia Baru Telah Tercipta

Buka browser favoritmu (Chrome, Edge, dll) dan ketik alamat:

http://localhost:8000

Jika berhasil, kamu akan melihat halaman Laravel yang bertuliskan "Laravel" dengan latar belakang keren. Selamat! 🎉 Kamu baru saja menciptakan dunia baru tempat Situs Berita Online kita akan dibangun.

📸 Screenshot Momen Ini! Ini adalah momen bersejarah, proyek pertamamu. Bisa diabadikan sebagai penyemangat.

Langkah Bonus: Mengganti Nama Proyek (Opsional)

Jika kamu ingin menggunakan nama lain selain situs-berita, tinggal ganti pada perintah composer create-project. Contoh:

composer create-project laravel/laravel berita-ku

Atau jika ingin memakai versi tertentu (misal Laravel 13), cukup tulis laravel/laravel:^13.0. Tapi biasanya perintah dasar sudah mengambil versi terbaru.

Apa yang Terjadi Jika Ada Error?

Kadang-kadang ada kendala seperti:

  • "Composer not found" – Pastikan Composer sudah terinstall dengan benar (lihat tutorial #1).
  • "Failed to download" – Cek koneksi internet, lalu coba ulangi perintah.
  • "Port 8000 already in use" – Mungkin ada program lain yang menggunakan port itu. Kamu bisa jalankan server dengan port berbeda: php artisan serve --port=8080 lalu buka http://localhost:8080.

Jangan malu untuk bertanya atau coba ulang. Semua programmer pernah mengalami error. Itu bagian dari belajar.

Ringkasan Hari Ini

  • ✅ Kita menggunakan perintah composer create-project untuk membuat proyek Laravel.
  • ✅ Proyek bernama situs-berita tersimpan di C:\laragon\www\situs-berita.
  • ✅ Kita menjalankan server dengan php artisan serve dan melihat halaman Laravel di browser.

Selanjutnya, kita akan mulai membangun database untuk situs berita kita. Kita akan membuat tabel kategori, berita, dan komentar. Seru, kan?

🌟 Pesan Semangat: Kamu sudah berhasil menciptakan dunia Laravel pertama! Besok kita akan mengisinya dengan data-data berita. Teruslah bersemangat, karena perjalanan seru baru saja dimulai.

📝 Seri Tutorial Laravel 13 Pemula – Proyek Web Berita
✨ Selanjutnya: #3: Mengenal Peta Harta Karun – Struktur Folder Laravel yang Wajib Diketahui

Lebih baru Lebih lama

نموذج الاتصال