https://laravel.io/index.php/forum/feed<![CDATA[Laravel.io Forum RSS Feed]]>The RSS feed for the Laravel.io forum contains a list of all threads posted by community members.2026-04-10T06:47:43+00:00<![CDATA[Fresh Laravel 13 install reports as Laravel 12]]>https://laravel.io/index.php/308132026-04-10T06:47:43+00:00<![CDATA[๐ Introducing DBStan โ Static Analysis for Database Queries]]>https://laravel.io/index.php/308122026-04-10T06:47:43+00:00<![CDATA[Anti-Swagger]]>https://laravel.io/index.php/308052026-04-10T06:47:43+00:00<![CDATA[How do you handle translations in large Laravel apps?]]>https://laravel.io/index.php/308042026-04-10T06:47:43+00:00<![CDATA[Laravel Threat Detection Layer]]>https://laravel.io/index.php/307882026-04-10T06:47:43+00:00<![CDATA[Can you share some real websites using Laravel]]>https://laravel.io/index.php/307982026-04-10T06:47:43+00:00<![CDATA[Laravel Tailwind tables (like Yajra, no Livewire)]]>https://laravel.io/index.php/307892026-04-10T06:47:43+00:00<![CDATA[Laravel Email Preference Center Package]]>https://laravel.io/index.php/307952026-04-10T06:47:43+00:00<![CDATA[Target DeviceUserCodeViewResponse is not instantiable]]>https://laravel.io/index.php/307872026-04-10T06:47:43+00:00<![CDATA[Images not rendering in Laravel on Shared Hosting]]>https://laravel.io/index.php/30782
It seems to be a Base Path issue where the live server cannot resolve the virtual public/storage directory because the physical symlink is missing/blocked.
Has anyone found a robust way to serve storage files on shared hosting without a symlink, or a way to force Laravel's asset() helper to point to the actual physical path?
Thanks in advance!]]>
2026-04-10T06:47:43+00:00<![CDATA[Just Srarting - Help Needed.]]>https://laravel.io/index.php/307812026-04-10T06:47:43+00:00<![CDATA[Laravel Reverb and production builds in containers]]>https://laravel.io/index.php/30780
[
'driver' => 'reverb',
'key' => env('REVERB_APP_KEY'),
'secret' => env('REVERB_APP_SECRET'),
'app_id' => env('REVERB_APP_ID'),
'options' => [
'host' => env('REVERB_API_HOST', '127.0.0.1'),
'port' => env('REVERB_API_PORT', 9001),
'scheme' => env('REVERB_API_SCHEME', 'http'),
'useTLS' => env('REVERB_API_SCHEME', 'http') !== 'https',
],
'client_options' => [
// Guzzle client options: https://docs.guzzlephp.org/en/stable/request-options.html
],
],
```
I set default values here of the localhost address, my own port I had configured reverb to run upon, http as the schema locally and for broadcasts and https for external. This , bearing in mid that I now have REVERB_HOST set to an internet available URL. These can be overridden if required but work for my app for now.
I found that without these changes, sending messages from the app to be broadcast to users defaulted to use pusher or other related services, I guess the default for echo. This meant a 'page not found' error when sending broadcasts and nothing being sent to the users.
my question is then, is this a feature I did not fully understand or a potential bug in the config, resulting in a works on my laptop or is it by design ?
Non the less, the above now gives me real time events in my self-hosted apps, which even now I find amazing to be a built in with any framework and making Laravel for me the best decision I made and only regret is I didn't start using it sooner than v10]]>
2026-04-10T06:47:43+00:00<![CDATA[Laravel Cache facade not storing data in Redis, but Redis fa]]>https://laravel.io/index.php/307742026-04-10T06:47:43+00:00<![CDATA[Finding out our livewire version]]>https://laravel.io/index.php/307662026-04-10T06:47:43+00:00<![CDATA[Wrong typing on Eloquent models]]>https://laravel.io/index.php/307672026-04-10T06:47:43+00:00<![CDATA[Custom JavaScript video player bug]]>https://laravel.io/index.php/30765
```
### JavaScript
```
document.addEventListener('DOMContentLoaded', () => {
class VideoPlayer {
constructor(container) {
this.container = container;
this.video = container.querySelector('video');
this.poster = container.querySelector('.poster');
this.spinner = container.querySelector('.loading-spinner');
this.playBtn = container.querySelector('[name="play-pause"]');
this.progressBar = container.querySelector('.progress-bar');
this.progress = container.querySelector('.progress');
this.currentTimeEl = container.querySelector('.current-time');
this.durationEl = container.querySelector('.duration');
this.volumeSlider = container.querySelector('.volume-slider');
this.muteToggle = container.querySelector('.mute-toggle');
this.muteCheckbox = this.muteToggle.querySelector('input');
this.rateDisplay = container.querySelector('.rate_display');
this.fullscreenBtn = container.querySelector('[name="screen-toggler"]');
this.rateOptions = container.querySelectorAll('.playback-rate li');
this.started = false;
this.isTrying = false;
this.wasPlayingBeforeSeek = false;
this.init();
}
init() {
this.bindEvents();
this.updateProgress();
this.updatePlayState();
}
formatTime(sec) {
sec = Math.floor(sec || 0);
const h = Math.floor(sec / 3600);
const m = Math.floor((sec % 3600) / 60);
const s = sec % 60;
const pad = n => n.toString().padStart(2, '0');
return h ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;
}
showSpinner() { this.spinner.style.opacity = 1; }
hideSpinner() { this.spinner.style.opacity = 0; }
updatePlayState() {
const paused = this.video.paused;
this.playBtn.value = paused ? 'Play' : 'Pause';
this.playBtn.classList.toggle('play', paused);
this.playBtn.classList.toggle('pause', !paused);
}
updateProgress() {
const dur = this.video.duration || 0;
const cur = this.video.currentTime || 0;
this.progress.style.width = dur ? (cur / dur) * 100 + '%' : '0%';
this.currentTimeEl.textContent = this.formatTime(cur);
this.durationEl.textContent = dur ? this.formatTime(dur) : '--:--';
}
async play() {
if (!this.started) return;
if (this.isTrying) return;
this.isTrying = true;
this.showSpinner();
try { await this.video.play(); } catch {}
this.hideSpinner();
this.isTrying = false;
this.updatePlayState();
}
togglePlayback() {
if (!this.started) {
this.started = true;
this.poster.style.display = 'none';
this.play();
return;
}
this.video.paused ? this.play() : this.video.pause();
}
seek(e) {
const rect = this.progressBar.getBoundingClientRect();
const dur = this.video.duration || 0;
if (!dur) return;
this.wasPlayingBeforeSeek = !this.video.paused;
this.video.currentTime = ((e.clientX - rect.left) / rect.width) * dur;
this.updateProgress();
if (!this.started) this.poster.style.display = 'none';
}
async handleSeeked() {
this.hideSpinner();
if (this.wasPlayingBeforeSeek) {
try { await this.video.play(); } catch {}
}
this.updatePlayState();
}
bindEvents() {
this.playBtn.addEventListener('click', () => this.togglePlayback());
this.video.addEventListener('click', () => this.togglePlayback());
this.progressBar.addEventListener('click', e => this.seek(e));
this.volumeSlider.addEventListener('input', () => {
this.video.volume = this.volumeSlider.value;
this.video.muted = this.video.volume === 0;
this.muteCheckbox.checked = this.video.muted;
this.muteToggle.classList.toggle('muted', this.video.muted);
});
this.muteToggle.addEventListener('click', () => {
this.video.muted = this.muteCheckbox.checked;
this.muteToggle.classList.toggle('muted', this.video.muted);
});
this.fullscreenBtn.addEventListener('click', () => {
this.container.classList.toggle('fullscreen');
this.fullscreenBtn.classList.toggle('exit');
if (!document.fullscreenElement) {
this.container.requestFullscreen?.();
} else {
document.exitFullscreen?.();
}
});
this.rateOptions.forEach(opt => {
opt.addEventListener('click', () => {
this.video.playbackRate = parseFloat(opt.dataset.rate);
this.rateDisplay.textContent =
this.video.playbackRate === 1 ? 'Normal' : this.video.playbackRate + 'x';
});
});
['waiting', 'stalled', 'seeking']
.forEach(e => this.video.addEventListener(e, () => this.showSpinner()));
this.video.addEventListener('seeked', () => this.handleSeeked());
this.video.addEventListener('playing', () => { this.hideSpinner(); this.updatePlayState(); });
this.video.addEventListener('pause', () => this.updatePlayState());
this.video.addEventListener('timeupdate', () => this.updateProgress());
this.video.addEventListener('loadedmetadata', () => this.updateProgress());
this.video.addEventListener('ended', () => {
this.started = false;
this.poster.style.display = '';
this.updatePlayState();
});
document.addEventListener('fullscreenchange', () => {
if (!document.fullscreenElement) {
this.container.classList.remove('fullscreen');
this.fullscreenBtn.classList.remove('exit');
}
});
}
}
document.querySelectorAll('.video-container')
.forEach(container => new VideoPlayer(container));
});
```
### The problem
The problem I am facing is this: when the video is very large (150 MB or more), it gets blocked, and trying to unblock it by seeking to an already-buffered point on the timeline fails.
### Questions
1. What causes this bug?
2. What is a reliable way to allow the user to unblock a video by navigating back in the timeline?]]>
2026-04-10T06:47:43+00:00<![CDATA[LiVue: What if Livewire and VueJs had a baby?]]>https://laravel.io/index.php/30763
count++;
}
}
```
```blade
Count: {{ $count }}
```
**PHP Attributes for Declarative Configuration**
```php
#[Layout('layouts.app')]
#[Title('My Dashboard')]
class Dashboard extends Component
{
#[Url]
public string $search = '';
#[Computed]
public function filteredItems(): Collection
{
return Item::where('name', 'like', "%{$this->search}%")->get();
}
}
```
**Form Validation Made Easy**
```php
class ContactForm extends Component
{
#[Validate('required|email')]
public string $email = '';
#[Validate('required|min:10')]
public string $message = '';
public function submit(): void
{
$this->validate();
// Handle submission...
}
}
```
**Built-in File Upload**
```php
use LiVue\Features\SupportFileUploads\WithFileUploads;
class AvatarUpload extends Component
{
use WithFileUploads;
public $photo;
public function save(): void
{
$this->photo->store('avatars');
}
}
```
**Real-time Streaming (Perfect for AI Responses)**
```php
use LiVue\Features\SupportStreaming\WithStreaming;
class ChatBot extends Component
{
use WithStreaming;
public function askAI(string $question): void
{
foreach ($this->getAIResponse($question) as $chunk) {
$this->stream('answer', $chunk);
}
}
}
```
**Vue Composition API in Blade**
```blade
@script
const doubled = computed(() => livue.count * 2);
watch(() => livue.search, (val) => {
console.log('Search changed:', val);
});
@endscript
```
## What Makes LiVue Different?
### 1. True Vue.js Integration
Unlike other solutions, LiVue uses Vue.js as its frontend runtime. This means you can:
- Use any Vue plugin (Vuetify, Quasar, PrimeVue...)
- Access Vue's full reactivity system
- Use Vue DevTools for debugging
### 2. Dynamic Component Architecture
LiVue uses Vue's `` for template swapping. No DOM morphing โ just clean, efficient template updates from the server.
### 3. Request Pooling
Multiple component updates are automatically batched into a single request using `queueMicrotask`. This means better performance with less network overhead.
### 4. Extensive PHP Attributes
LiVue provides a rich set of PHP attributes:
- `#[Url]` โ Sync properties with URL query string
- `#[Computed]` โ Cached computed properties
- `#[Lazy]` โ Load components only when visible
- `#[Confirm]` โ Require confirmation before actions
- `#[TabSync]` โ Sync state across browser tabs
- `#[Guarded]` โ Hide sensitive properties from client
- And many more...
### 5. Form Objects
For complex forms, use dedicated Form Objects:
```php
class UserForm extends Form
{
#[Validate('required')]
public string $name = '';
#[Validate('required|email')]
public string $email = '';
}
```
## Getting Started
```bash
composer require livue/livue
```
Create your first component:
```bash
php artisan make:livue Counter
```
Add it to any Blade view:
```blade
{{-- or --}}
@livue('counter')
```
Include the assets in your layout:
```blade
@livueStyles
...
@livueScripts
```
## Open Source & Beta
LiVue is **completely open source** under the MIT license. It's currently in **beta**, which means:
- Core features are stable and working
- API may have minor changes before v1.0
- We actively welcome feedback and contributions
- Production use is possible but recommended with caution
## Join the Development
We're building LiVue in the open and would love your input:
- **GitHub**: [github.com/livue-laravel/livue](https://github.com/livue-laravel/livue)
- **Documentation**: [Documentation](https://www.livue-laravel.com/docs)
- **Issues & Ideas**: Open an issue on GitHub
Whether you want to report bugs, suggest features, or contribute code, all participation is welcome!
## Conclusion
If you've ever wanted the simplicity of Livewire with the power of Vue.js, LiVue might be exactly what you're looking for. It's a fresh take on full-stack reactivity for Laravel that respects both ecosystems.
Give it a try, break things, and let us know what you think!
---
*LiVue is an open-source project in active development. Star us on [GitHub](https://github.com/livue-laravel/livue) if you find it interesting!*]]>
2026-04-10T06:47:43+00:00<![CDATA[new to Laravel, want to learn]]>https://laravel.io/index.php/306752026-04-10T06:47:43+00:00<![CDATA[Jual Cytotec Jakarta Barat โโ085176963835โ Obat Aborsi]]>https://laravel.io/index.php/307622026-04-10T06:47:43+00:00<![CDATA[Jual Cytotec Jakarta Timur โโ085176963835โ Obat Aborsi]]>https://laravel.io/index.php/307612026-04-10T06:47:43+00:00