Vue Laravel SPA

A simple and clean starter-kit to start a new SPA project with authentication and more features from fortify. Its like Jetstream but without Inertia but with Vue-Router and Pinia as store. This starter-kit uses the following tools:

• Vue 3
• Vue Router
• Pinia
• Axios
• Tailwindcss 3.x
• Laravel 11.x
• Laravel Sanctum
• Laravel Fortify

Features

The following Sanctum and Fortify features are implemented in this Vue SPA:

• ✅ Login
• ✅ Passwort Reset
• ✅ Registration
• ✅ Profile Management
• ✅ Password Confirmation
• ✅ Two Factor Authentication with Confirmation
• ✅ E-Mail Verification

Roadmap

Missing something? Feel free to tell me what would be a nice addition to this boilerplate.

• 🔘 Darkmode
• 🔘 Better error handling on UI
• 🔘 Password confirmation fixes
• 🔘 Example page with form and api controller
• 🔘 Laravel Pint
• 🔘 PWA
• 🔘 More Tests
• 🔘 CSP

Getting started

Take this steps:

• git clone
• run composer install
• run npm install
• npm run dev
• copy .env.example to .env
• php artisan key:generate
• modify .env file
• create /database/database.sqlite file or use another database in .env
• migrate database php artisan migrate

Make sure to set those two variables to your current domain or localhost:

APP_URL=http://vue-laravel-spa.test
SESSION_DOMAIN=vue-laravel-spa.test

Consider to support my work and say thank you with a coffee. I would very much appreciate that.

buymeacoffee.com/tobiasschulz

Screenshots

A Picture Is Worth More Than A Thousand Words.

Testing

PHPunit is ready setup to test the API side of this boilerplate. 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:

php artisan test

Contributing

Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the Laravel documentation.

Code of Conduct

In order to ensure that the Laravel community is welcoming to all, please review and abide by the Code of Conduct.

Security Vulnerabilities

If you discover a security vulnerability within Laravel, please send an e-mail via [email protected]. All security vulnerabilities will be promptly addressed.

License

The Laravel framework is open-sourced software licensed under the MIT license.
The Vue framework is open-sourced software licensed under the MIT license.
This repository is open-sourced software licensed under the MIT license.