Vue3 Laravel Api
An application / authentication starter kit frontend in Vue.js (v3 | vite + vue-router + pinia) for Laravel Breeze.
Overview
Laravel Breeze - Vue 3 Edition is a repository that provides an implementation of the Laravel Breeze application/authentication starter kit frontend in Vue.js v3. It utilizes Laravel Sanctum for authentication and provides a Vue 3 frontend app with a powerful Laravel backend.
Features
- Persistent state logic using localStorage API automatically within pinia stores.
- Two middlewares: one for axios to handle the 401 permission denied case, and one for vue-router to manage inaccessible routes if the user is not logged in, and vice versa.
- Minimal CSS solution with no third-party libraries, allowing users to apply their favorite CSS framework/library.
Summary
The Laravel Breeze - Vue 3 Edition repository provides a pre-built frontend implementation of the Laravel Breeze application/authentication starter kit using Vue.js v3. It includes features such as persistent state logic, middlewares for axios and vue-router, and a minimal CSS solution. The installation process is straightforward and can be found in the repository documentation.
- Laravel
Laravel is a powerful and elegant PHP framework that provides developers with a comprehensive set of tools and features to build robust web applications. It follows the Model-View-Controller (MVC) architectural pattern, offering a clean and organized structure for writing efficient and maintainable code.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.