Modernize the larablog Laravel CMS into an elite, high-performance platform using Laravel 13 best practices, structured content paradigms, and a premium editorial UI/UX.
To maintain a clean codebase, detailed technical specifications and test logs have been structured into dedicated markdown files. Select a document below to explore its architecture:
- Database ERD & Architecture Guide — Entity-relationship diagram, complete database schema index definitions, Role-Based Access Control (RBAC) authorization matrix, and repository directory structures.
- Testing Report & Performance Report — Deep-dive summary of our 5-phase test suite (Unit, Feature, OWASP Top 10 Security, Livewire E2E, and Concurrency Stress bench), detailing major technical breakthroughs, bugfixes, and final green metrics.
- Reverb WebSockets Guide — Guide to running background queues and Reverb socket broadcasting servers for instant, real-time UI/UX toast notifications.
- Tailwind CSS v4 & OKLCH: Highly optimized modern color space mapping for visually stunning, high-contrast layouts.
- Cinematic Motion transitions: Smooth staggered reveals, dynamic page slide-ins, and optimistic dashboard states powered by the Motion transition engine and Alpine.js.
- Bento Grid Layouts: An interactive, responsive, content-focused editorial design for public articles.
- Custom Boutique Error Pages: Exquisite digital-cinematic error designs (401, 403, 404, 500) that maintain brand integrity even under failure.
- Headless Tiptap Editor: Replaced obsolete, insecure HTML fields with a custom Tiptap engine, saving post contents as secure structured JSON models.
- Dynamic Previews: A high-fidelity, dual-pane "Editorial Preview" mode that perfectly simulates layout sizes prior to publishing.
- Spatie Media Pipeline: Automatic image processing, compression, responsive breakpoints generation, and WebP optimization.
- Livewire v4: Snappy reactive components powering comment blocks, profiles, user lists, and category dashboards.
- Laravel Reverb: High-throughput, self-hosted WebSockets engine for local broadcast routing.
- Live Alerts & Navbar badges: Instant cinematic toasts and counter updates when comments are posted or users trigger audit events.
- Multi-Tab Session Sync: Instantly clears badges and notifications across all active browser windows when marked read on one.
- Instant Search: Integrated Laravel Scout (Database Engine) for search-as-you-type indexing.
- Zero-Loss Reassignments: Safety category deletion gates requiring active posts merging/reassigning before taxonomy removal.
- Relational Tagging Engine: Fluid Many-to-Many dynamic tag linking with normalization.
| Layer | Technologies & Packages |
|---|---|
| Core Framework | PHP 8.3+ · Laravel 13.x · Composer |
| Frontend State | Livewire v4 · Alpine.js (with collapse plugin) |
| Styling & Motion | Tailwind CSS v4 · @tailwindcss/vite · Motion |
| Content Editor | Headless Tiptap WYSIWYG Editor (JSON schema) |
| Media & Search | spatie/laravel-medialibrary · laravel/scout (Database Engine) |
| Real-time Server | Laravel Reverb (WebSocket) · Laravel Echo |
| Monitoring | Sentry (sentry/sentry-laravel) |
Follow these steps in chronological order if you are setting up the project for the first time after cloning the repository.
- PHP 8.3+
- Composer
- Node.js & NPM
- MySQL or PostgreSQL (Running)
composer install
npm installCreate your environment file and generate the application encryption key:
cp .env.example .env
php artisan key:generate
⚠️ Important: Open your new.envfile and configure your database credentials (DB_DATABASE,DB_USERNAME,DB_PASSWORD).
Run the broadcasting installation command. This will automatically set up Laravel Reverb and inject the necessary REVERB_APP_* keys into your .env file:
php artisan install:broadcasting --reverbEnsure your .env is configured to use the database for queues and reverb for broadcasting:
BROADCAST_CONNECTION=reverb
QUEUE_CONNECTION=databaseMigrate the database with dummy data and link the storage directory for image uploads:
php artisan migrate --seed
php artisan storage:linkLaraBlog is integrated with Sentry for real-time error reporting and performance analysis. To enable the integration, add your Sentry DSN credentials to your .env file:
SENTRY_LARAVEL_DSN=https://your-dsn-key@o0.ingest.sentry.io/0000000
SENTRY_TRACES_SAMPLE_RATE=1.0
SENTRY_PROFILES_SAMPLE_RATE=1.0To run the full stack with real-time features, you need three separate terminal windows running simultaneously:
php artisan serve
npm run devphp artisan reverb:start --debugphp artisan queue:workYour application is now running locally at http://localhost:8000 with full real-time capabilities!