Skip to content

Frontend Overview

The Frontend package renders Capell pages and handles frontend request loading, cache behaviour, public HTML safety, render hooks, and asset integration.

Published Capell frontend page Published Capell frontend page
  • Resolve the current site, page, language, theme, and layout.
  • Render frontend Blade and Livewire page surfaces.
  • Coordinate page cache and static-site output support.
  • Provide frontend render hooks and asset integration points.

Frontend rendering is configured through the same package-aware settings surfaces used by the admin and core packages.

Frontend settings in the Capell admin Frontend settings in the Capell admin

Theme UI and default frontend components are owned by capell-app/foundation-theme.

SEO metadata is owned by capell-app/seo-suite. Sitemap generation and discovery files are owned by capell-app/site-discovery. Neither belongs in the Frontend package.

NeedRead
Understand site/page/language loadingPage and site loading
Keep public output safePublic HTML safety
Register render hooksExtending render hooks
Build package frontend extensionsFrontend extensions
Register widget resources and delivery settingsPresentation delivery
Build lazy widget and fragment interactionsCapell Interactions
Configure server static-cache fallbackServer config
Register package Tailwind sourcesTailwind assets
Test frontend behaviorTesting frontend
Review package-specific frontend security notesSecurity