InfoNow! adalah aplikasi web manajemen artikel yang dibangun dengan Laravel 12. Platform ini memungkinkan admin untuk membuat, mengedit, dan mengelola artikel dengan mudah, serta menyediakan halaman landing yang menarik untuk pembaca.
- 🔐 Sistem Autentikasi - Login & Register dengan validasi
- 📝 CRUD Artikel - Create, Read, Update, Delete artikel
- 🖼️ Upload Gambar - Gambar unggulan untuk setiap artikel dengan fallback placeholder
- 🏠 Landing Page - Tampilan publik yang menarik dengan 3 artikel terbaru
- 📋 List Artikel - Halaman semua artikel dengan pagination
- 📄 Detail Artikel - Halaman detail dengan fitur share (WhatsApp & Copy Link)
- 📊 Dashboard - Statistik real-time (total artikel, admin, artikel hari ini)
- 🔍 Search & Filter - Pencarian artikel dengan DataTables
- 📱 Responsive Design - Optimal di desktop, tablet, dan mobile
- 🎨 Modern UI - Tailwind CSS dengan Alpine.js untuk interaktivitas
| Teknologi | Versi | Deskripsi |
|---|---|---|
| Laravel | 12.x | PHP Framework untuk backend |
| PHP | 8.2+ | Bahasa pemrograman server-side |
| Tailwind CSS | 4.x | CSS Framework untuk styling |
| Alpine.js | 3.x | JavaScript framework untuk interaktivitas |
| Vite | 7.x | Build tool & HMR |
| DataTables | - | Table dengan search, sort, pagination |
| jQuery | - | JavaScript library |
Sebelum memulai, pastikan sistem Anda memenuhi persyaratan berikut:
- PHP >= 8.2
- Composer >= 2.0
- Node.js >= 18.x
- NPM atau Yarn
- SQLite (default) atau MySQL/PostgreSQL
- Git (untuk clone repository)
git clone <repository-url>
cd article-webcomposer setupCommand ini akan menjalankan:
composer install- Install PHP dependencies- Copy
.env.exampleke.env php artisan key:generate- Generate application keyphp artisan migrate- Jalankan database migrationsnpm install- Install Node.js dependenciesnpm run build- Build assets untuk production
# Install PHP dependencies
composer install
# Copy environment file
cp .env.example .env
# Generate application key
php artisan key:generate
# Jalankan migrations
php artisan migrate
# Install Node.js dependencies
npm install
# Build assets
npm run buildTidak perlu konfigurasi tambahan. Database SQLite akan dibuat otomatis di database/database.sqlite.
Edit file .env:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=article_web
DB_USERNAME=root
DB_PASSWORD=Kemudian jalankan:
php artisan migratephp artisan storage:linkCommand ini membuat symbolic link dari public/storage ke storage/app/public untuk akses file upload.
php artisan db:seedAtau untuk reset database dan seed ulang:
php artisan migrate:fresh --seedJalankan semua service development secara bersamaan:
composer devCommand ini akan menjalankan:
- PHP Development Server -
http://localhost:8000 - Queue Worker - Background job processing
- Laravel Pail - Real-time log viewer
- Vite Dev Server - Hot Module Replacement (HMR)
Buka 3 terminal terpisah:
Terminal 1 - PHP Server:
php artisan serveTerminal 2 - Vite (HMR):
npm run devTerminal 3 - Queue Worker (Opsional):
php artisan queue:work- Landing Page: http://localhost:8000
- Dashboard: http://localhost:8000/dashboard (Perlu login)
- Login: http://localhost:8000/login
- Register: http://localhost:8000/register
# Format code dengan Laravel Pint
vendor/bin/pint
# Run tests
composer test
php artisan test
# Clear cache
php artisan config:clear
php artisan cache:clear
php artisan view:clear
# List routes
php artisan route:list# Run migrations
php artisan migrate
# Rollback migrations
php artisan migrate:rollback
# Fresh migrations
php artisan migrate:fresh
# Seed database
php artisan db:seed
# Fresh + Seed
php artisan migrate:fresh --seed# Development (dengan HMR)
npm run dev
# Production build
npm run build
# Watch untuk perubahan
npm run watch# Controller
php artisan make:controller NamaController
# Model
php artisan make:model NamaModel
# Migration
php artisan make:migration create_table_name
# Seeder
php artisan make:seeder NamaSeederProyek ini menggunakan MIT License.
Jika ada pertanyaan atau masalah, silakan buat issue di repository ini.