Legacy Blade/Livewire Frontend
This section is retained as a legacy technical archive. Filament
/adminis now the main back-office.
What You Can Do
The legacy /web interface was the first integrated back-office. New back-office work belongs in Filament /admin. Use this section only when you maintain or retire existing /web behavior.
The legacy interface contains features to:
- Browse and search items, partners, collections, projects, and all other entities
- Create and edit inventory records with full validation and multi-language support
- Organise content into collections, exhibitions, galleries, and thematic trails
- Upload and manage images - attach photos to items, collections, and partners
- Manage users and permissions - control who can view, create, edit, or delete records
Each entity type is colour-coded for visual clarity, making it easy to navigate between different areas of the system.
How It Works
The interface is server-rendered: pages are built on the server and delivered as complete HTML. Interactive elements (inline editing, toggling, image management) use Livewire and Alpine.js to update the page without full reloads.
For development setup instructions, see the Development Setup guide.
Developer Documentation
The sections below cover how the frontend is built. They are useful for developers extending or retiring the interface.
- Components - Reusable Blade components (forms, tables, cards, buttons, etc.)
- Livewire - Reactive component patterns
- Alpine.js - Client-side interaction patterns
- Styling - Tailwind CSS conventions and entity colour system
- Views - Page structure and entity views
- Routing - Web route conventions
- Guidelines - Frontend development standards
- Testing - How to test frontend components
Related Documentation
- Core Model - Understand the business model
- Database Models - Data structure reference
- Management API Reference - REST API for programmatic access
For the Vue.js sample application (a reference for external API consumers), see Vue.js Sample App.