Laravel 12 CRUD #2: Membuat Proyek Laravel 12 Pertama

Laravel 12 CRUD 
#2 Membuat Proyek Laravel 12 Pertama

📁 Buat folder ajaib "siswaapp" • siap-siap coding! 🧙‍♂️
🎉 Hore! Alat sudah siap! Di artikel sebelumnya kita sudah berhasil menginstal PHP dan Composer. Sekarang saatnya membuat proyek Laravel 12 yang akan menjadi tempat semua kode aplikasi kita.
Bayangkan kamu ingin membangun rumah keren — pertama kita harus membuat lahan kosong (folder) lalu memasang kerangka rumah. Di sini, Composer akan membantu kita membuat kerangka aplikasi Laravel dengan sekali perintah. Ayo mulai! 🏗️

Langkah 1: Buka Terminal / CMD

1 Buka Command Prompt (CMD) seperti yang sudah kamu lakukan sebelumnya. Caranya: tekan Windows + R, ketik cmd, lalu Enter. Atau cari "Command Prompt" di Start.

Setelah jendela hitam terbuka, kita akan berada di folder pengguna biasanya (contoh: C:\Users\NamaKamu>).

💡 Tips: Agar proyek kita rapi, sebaiknya buat folder khusus untuk semua proyek Laravel, misalnya di C:\laravel-projects. Kamu bisa membuatnya dengan perintah:
mkdir C:\laravel-projects
lalu masuk ke folder tersebut dengan:
cd C:\laravel-projects

Langkah 2: Buat Proyek Laravel dengan Composer

2 Sekarang kita akan membuat proyek bernama siswaapp menggunakan Composer. Ketik perintah berikut di CMD (pastikan kamu sudah berada di folder yang diinginkan, misal C:\laravel-projects):

composer create-project laravel/laravel siswaapp

Perintah ini akan mengunduh semua file Laravel 12 versi terbaru dan membuat folder baru bernama siswaapp. Proses ini membutuhkan koneksi internet dan beberapa menit (tergantung kecepatan internet).

🌀 Apa yang terjadi? Composer mengambil semua komponen Laravel, menginstal dependensi, dan menyiapkan struktur folder yang rapi. Kamu akan melihat banyak teks berwarna hijau/putih bergulir — itu tandanya proses berjalan lancar!

Langkah 3: Masuk ke Folder Proyek dan Lihat Isinya

3 Setelah proses selesai, masuk ke folder proyek dengan perintah:

cd siswaapp

Sekarang kamu berada di dalam proyek Laravel. Ketik perintah dir (Windows) atau ls (Mac/Linux) untuk melihat daftar file dan folder. Kamu akan menemukan folder-folder seperti app, bootstrap, config, database, public, resources, routes, storage, tests, vendor dan file .env, artisan, composer.json dll. Itu semua adalah kerangka aplikasi kita!

Wah, keren! Kamu baru saja membuat aplikasi web profesional dalam hitungan menit. Laravel sudah menyiapkan semuanya agar kita tinggal fokus ke fitur CRUD dan login nanti.

Langkah 4: Jalankan Server Laravel (Lihat Aplikasi Hidup)

4 Agar kita bisa melihat tampilan aplikasi di browser, Laravel memiliki server bawaan. Jalankan perintah ini (masih di dalam folder siswaapp):

php artisan serve

Setelah itu akan muncul tulisan seperti:

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

Artinya server sudah aktif. Sekarang buka browser (Chrome, Edge, dll) dan kunjungi alamat http://127.0.0.1:8000 atau http://localhost:8000. Kamu akan melihat halaman selamat datang Laravel yang keren! 🎉

🛑 Catatan: Untuk menghentikan server, tekan Ctrl + C di CMD. Nanti kita akan jalankan lagi setiap kali ingin melihat hasil pekerjaan.

Langkah 5: Kenali Struktur Proyek (Singkat)

5 Jangan khawatir dengan banyaknya folder. Nanti kita hanya akan bekerja di beberapa tempat:

  • 📂 routes/web.php → tempat menentukan alamat halaman (URL).
  • 📂 app/Models/ → tempat menyimpan model (seperti cetakan data siswa).
  • 📂 app/Http/Controllers/ → tempat logika aplikasi (controller).
  • 📂 resources/views/ → tempat tampilan halaman (HTML + Blade).
  • 📂 database/migrations/ → tempat membuat tabel database.

Seperti rumah yang punya ruang tamu, dapur, kamar tidur — masing-masing punya fungsi sendiri. Mudah diingat kok! 🏠

🚀 Selamat! Proyek Laravel 12 "siswaapp" sudah berhasil dibuat! Kamu sudah punya fondasi aplikasi yang siap dikembangkan. Di tutorial berikutnya kita akan menyiapkan database dan mulai membuat fitur CRUD (Tambah, Lihat, Edit, Hapus data siswa). Seru kan?

💡 Ringkasan Langkah (Buat Hafalan)

  • ✅ Buka CMD, masuk ke folder tempat proyek akan dibuat (contoh: cd C:\laravel-projects).
  • ✅ Ketik: composer create-project laravel/laravel siswaapp
  • ✅ Masuk ke folder proyek: cd siswaapp
  • ✅ Jalankan server: php artisan serve
  • ✅ Buka browser: http://localhost:8000 → lihat halaman Laravel.
  • ✅ Untuk berhenti server: tekan Ctrl + C di CMD.

🎯 Mudah bukan? Sekarang kamu punya aplikasi web pertama!

(Link akan aktif saat artikel sebelumnya dan selanjutnya terbit)

📘 Laravel 12 CRUD untuk Sekolah Dasar • #2 Membuat Proyek Laravel 12 Pertama • 🧑‍💻 Selamat mencoba!
Lebih baru Lebih lama

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