https://github.com/faisalfjri/breeze-vue-api

An application / authentication starter kit frontend in Vue.js 3 for Laravel Breeze.
https://github.com/faisalfjri/breeze-vue-api

authentication breeze laravel vuejs

Last synced: about 19 hours ago
JSON representation

An application / authentication starter kit frontend in Vue.js 3 for Laravel Breeze.

• Host: GitHub
• URL: https://github.com/faisalfjri/breeze-vue-api
• Owner: faisalfjri
• License: mit
• Created: 2022-03-08T18:05:09.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-01-05T08:17:06.000Z (10 months ago)
• Last Synced: 2024-08-01T19:56:05.606Z (3 months ago)
• Topics: authentication, breeze, laravel, vuejs
• Language: Vue
• Homepage:
• Size: 87.9 KB
• Stars: 65
• Watchers: 2
• Forks: 15
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Laravel Breeze - Vue.js 3 Edition

## Inspiration

This project was inspired by the [Breeze Next.js](https://github.com/laravel/breeze-next) project. 🏝️

## Introduction

This repository is an implementing of the [Laravel Breeze](https://laravel.com/docs/starter-kits) application / authentication starter kit frontend in [Vue.js](https://vuejs.org). All of the authentication boilerplate is already written for you - powered by [Laravel Sanctum](https://laravel.com/docs/sanctum), allowing you to quickly begin pairing your beautiful Vue.js frontend with a powerful Laravel backend.

## Documentation

### Installation

First, create a Vue.js compatible Laravel backend by installing Laravel Breeze into a [fresh Laravel application](https://laravel.com/docs/installation) and installing Breeze's API scaffolding:

```bash

# Create the Laravel application...

laravel new vue-backend

cd vue-backend

# Install Breeze and dependencies...

composer require laravel/breeze

php artisan breeze:install api

```

Next, ensure that your application's `APP_URL` and `FRONTEND_URL` environment variables are set to `http://localhost:8000` and `http://localhost:3000`, respectively.

After defining the appropriate environment variables, you may serve the Laravel application using the `serve` Artisan command:

```bash

# Serve the application...

php artisan serve

```

Next, clone this repository and install its dependencies with `yarn install` or `npm install`. Then, copy the `.env.example` file to `.env` and supply the URL of your backend:

```

VITE_APP_NAME=Breeze Vue.js 3 Api

VITE_PUBLIC_BACKEND_URL=http://localhost:8000

```

Finally, run the application via `npm run dev`. The application will be available at `http://localhost:3000`:

```

npm run dev

```

> Note: Currently, we recommend using `localhost` during local development of your backend and frontend to avoid CORS "Same-Origin" issues.

## License

Laravel Breeze - Vue.js 3 Edition is open-sourced software licensed under the [MIT license](LICENSE.md).