Blog Post Form with Sidebar like WordPress

Filament 4
Also available in Filament 3 version

This project showcases several advanced Filament form capabilities including a sidebar-enabled layout resembling WordPress's interface design, real-time slug creation that automatically updates as you type the post title, one-click excerpt generation through an integrated form button, and individual field validation without full form submission demonstrated through image upload functionality.

rBGXLDSL8N7PjRqR5kZI6Hh01V1zQa-metaNS1ibG9nLXBvc3QtZm9ybS1saWtlLXdvcmRwcmVzcy5wbmc=-

Get the Source Code:

How it works

The form logic is in the PostResource.

The form is divided into two groups, which are shown on the left and right.

We are adding a button to generate excerpt from the content in the middle of the form.

We are using the official Filament plugin for the spatie Laravel-medialibrary package to upload an image.

Here is the complete code for the form:

The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.
Get the Source Code: All 152 Premium Examples for $99