← Back to insights

Vue 3 Composition API with Laravel: structure and reuse

Using the Composition API and composables in Vue 3 alongside a Laravel backend for clearer state and shared logic.

Vue.jsLaravelFrontendAPIs

After moving our main front end to Vue 3, we adopted the Composition API and composables for shared logic (auth state, API calls, form handling). It made it easier to reuse behaviour across pages without prop drilling or a heavy store.

We kept the Laravel backend as the source of truth and used Inertia or a thin API layer so that auth and validation stayed server-side. The front end focused on UX and local state, with composables encapsulating the wiring.

The learning curve paid off: new features often required only a new composable or a small component, and the codebase stayed easier to navigate than with a single large Options API component tree.

Work with me