An open API service indexing awesome lists of open source software.

https://github.com/andrefelipe18/vfullauth

VFull Auth is ready to use with Laravel Breeze Authentication. It comes with the same features as VFull, but with Laravel Breeze Authentication configured and ready to use.
https://github.com/andrefelipe18/vfullauth

authentication laravel starter-kit typescript vue vue-router vue3

Last synced: 2 months ago
JSON representation

VFull Auth is ready to use with Laravel Breeze Authentication. It comes with the same features as VFull, but with Laravel Breeze Authentication configured and ready to use.

Awesome Lists containing this project

README

          

# VFull Auth - VFull Starter kit with Breeze Authentication
![VFullLogo](./public/vfull.png)

# Introduction

This repository is an implementing of the [Laravel Breeze](https://laravel.com/docs/10.x/starter-kits#breeze-and-next) application / authentication with *VFull*. All of the authentication boilerplate is already written for you - powered by Laravel Sanctum, allowing you to quickly begin pairing your beautiful Vue.js frontend with a powerful Laravel backend.
# Inspiration

The basis of VFull Auth was taken from [this project](https://github.com/faisalfjri/breeze-vue-api), I thank the creators [Faisal Fajri](https://github.com/faisalfjri) and [Eugene van der Merwe](https://github.com/eugenefvdm)

## Why VFull?

*VFull* is a heavily opinionated starter kit for Vue 3 powered by Vite. It comes with auto-importing features and leverages the latest and greatest features from Vue 3, Tailwind CSS, DaisyUI, TypeScript, Vue Router, Pinia, VueUse, UnHead, Axios, Unplugin Vue Components, Unplugin Auto Import, Vitest and Vue Test Utils configured and ready to use.

## Why VFull Auth?

*VFull Auth* is ready to use with Laravel Breeze Authentication. It comes with the same features as VFull, but with Laravel Breeze Authentication configured and ready to use.

## Features
- ๐Ÿ’š[Vue](https://vuejs.org/)
- ๐Ÿ”[Laravel Breeze Authentication](https://laravel.com/docs/10.x/starter-kits#breeze-and-next)
- ๐Ÿ[Pinia](https://pinia.esm.dev/)
- ๐Ÿ”„[Vue Router](https://router.vuejs.org/)
- ๐Ÿ‘จ๐Ÿฝโ€๐Ÿ’ป[VueUse](https://vueuse.org/)
- ๐Ÿคฏ[UnHead](https://unhead.harlanzw.com/)
- ๐Ÿค™๐Ÿฝ[Axios](https://axios-http.com/)
- ๐Ÿš—[Unplugin Vue Components](https://github.com/antfu/unplugin-vue-components)
- ๐Ÿš˜[Unplugin Auto Import](https://github.com/antfu/unplugin-auto-import)
- โšก[Vite](https://vitejs.dev/)
- ๐Ÿงช[Vitest](https://vitest.dev/guide/)
- ๐Ÿงช[Vue Test Utils](https://next.vue-test-utils.vuejs.org/)
- ๐Ÿคฉ[Tailwind CSS](https://tailwindcss.com/)
- ๐ŸŽจ[DaysiUI](https://daisyui.com/)
- ๐Ÿ†”[TypeScript](https://www.typescriptlang.org/)

### Installation
First of all, you need to install [Laravel](https://laravel.com/docs/10.x/installation)

```bash
# Create the Laravel application...
laravel new vfull-backend

cd vfull-backend

# Install Breeze
composer require laravel/breeze

php artisan breeze:install api

```
# Install VFull Auth
```bash
# Clone the repository
git clone

# Install dependencies
npm install
```
*Atention*

In the backend, you need to change the file `.env` to FRONTEND_URL=http://localhost:3000
In the frontend, you need to change the file `.env` to VITE_PUBLIC_BACKEND_URL=http://localhost:8000

Is a very important using *localhost* during local development of your backend and frontend to avoid CORS "Same-Origin" issues.

Finally, run the applications with the commands:

```bash
# Run the backend
php artisan serve

# Run the frontend
npm run dev
```
# License
VFull Auth is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).