Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tobischulz/vue-laravel-spa
A simple and clean starter-kit to start a new SPA project. Its like Jetstream without Inertia but with Vue-Router and Pinia as store.
https://github.com/tobischulz/vue-laravel-spa
fortify-authentication laravel laravel-11 laravel-framework pinia pinia-vuejs sanctum-authentication sanctum-spa sanctum-vue spa tailwindcss vite vue vue-options-api vue-router vue3 vuejs
Last synced: 13 days ago
JSON representation
A simple and clean starter-kit to start a new SPA project. Its like Jetstream without Inertia but with Vue-Router and Pinia as store.
- Host: GitHub
- URL: https://github.com/tobischulz/vue-laravel-spa
- Owner: tobischulz
- Created: 2022-03-02T11:10:47.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-26T06:58:32.000Z (about 1 month ago)
- Last Synced: 2024-10-13T03:22:12.132Z (27 days ago)
- Topics: fortify-authentication, laravel, laravel-11, laravel-framework, pinia, pinia-vuejs, sanctum-authentication, sanctum-spa, sanctum-vue, spa, tailwindcss, vite, vue, vue-options-api, vue-router, vue3, vuejs
- Language: PHP
- Homepage:
- Size: 2.16 MB
- Stars: 42
- Watchers: 5
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![art/screenshot-login.png](art/screenshot-login.png)
## Vue Laravel SPA
A simple and clean starter-kit to start a new SPA project. Its like Jetstream without Inertia but with Vue-Router and Pinia as store.
This starter-kit uses the following tools:
- [Vue 3](https://github.com/vuejs/vue)
- [Vue Router](https://router.vuejs.org/)
- [Pinia](https://pinia.vuejs.org/)
- [Axios](https://axios-http.com/docs/intro)
- [Tailwindcss 3.x](https://tailwindcss.com/)
- [Laravel 11.x](https://laravel.com/docs/11.x)
- [Laravel Sanctum](https://laravel.com/docs/11.x/sanctum)
- [Laravel Fortify](https://laravel.com/docs/11.x/fortify)## Features
The following features are implemented in this Vue SPA:
- ✅ Authentication (Cookie based by sanctum)
- ✅ Passwort Reset
- ✅ Registration
- ✅ Profile Management
- ✅ Password Confirmation
- ✅ Two Factor Authentication
- ✅ E-Mail Verification## Roadmap
Missing something? Feel free to tell me what would be a nice addition to this starter-kit.
- 🔘 Darkmode
- 🔘 Better error handling on UI
- 🔘 Password confirmation fixes
- 🔘 Example page with form and api controller
- 🔘 Laravel Pint
- 🔘 PWA
- 🔘 More Tests
- 🔘 CSP
- 🔘 Replace PHPUnit with Pest## Getting started
You can quick start with this starter-kit by running the **`bin/install.sh`** script or manually run the containing commands.
After that you can login with `[email protected]` and the password `password`
Make sure to set your current domain in the .env file:
```
APP_URL=http://vue-laravel-spa.test
```## Screenshots
A Picture Is Worth More Than A Thousand Words.
![art/screenshot-home.png](art/screenshot-home.png)
![art/screenshot-settings.png](art/screenshot-settings.png)
Consider to support my work and say thank you with a coffee. I would very much appreciate that.
![art/bmc_qr.jpg](art/bmc_qr.jpg)
[buymeacoffee.com/tobiasschulz](https://www.buymeacoffee.com/tobiasschulz)
## Testing
PHPunit is ready setup to test the API side. Tested are all Sanctum and Fortify features cause there are heavily based on there original tests. Thats a good starting point to add tests for your next project. To run the tests you can call phpunit like this:
```bash
php artisan test
```## Contributing
Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
## Code of Conduct
In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
## Security Vulnerabilities
If you discover a security vulnerability within Laravel, please send an e-mail via [[email protected]](mailto:[email protected]). All security vulnerabilities will be promptly addressed.
## License
The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).
The Vue framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).
This repository is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).