https://github.com/rafi021/vue3lara9start
An open source laravel 9, vue3 and tailwind css based demo project for describing basics of Vue 3 with Laravel 9
https://github.com/rafi021/vue3lara9start
compostion-api laravel9x sweetalert2 tailwindcss vee-validate vue-pagination vue-select vue3
Last synced: 7 months ago
JSON representation
An open source laravel 9, vue3 and tailwind css based demo project for describing basics of Vue 3 with Laravel 9
- Host: GitHub
- URL: https://github.com/rafi021/vue3lara9start
- Owner: rafi021
- Created: 2022-05-21T16:45:41.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-05-24T14:10:28.000Z (about 4 years ago)
- Last Synced: 2025-01-06T19:49:15.110Z (over 1 year ago)
- Topics: compostion-api, laravel9x, sweetalert2, tailwindcss, vee-validate, vue-pagination, vue-select, vue3
- Language: JavaScript
- Homepage:
- Size: 1.78 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## About vue3lara9start
It is a Laravel 9 Vue3 based demo project showing the basics of Vue 3. Authentication, Authorization, Routing, form submittion and data binding. It will help begineers to understand "how to start with Laravel 9 & Vue 3". Build with love and passon and also its open source for web artisans.
1. Laravel 9
2. Vue 3
3. Tailwind CSS 3
4. laravel/breeze
## Getting Started Step by Step
1. In your root folder, clone the project file using git clone https://github.com/rafi021/vue3lara9start.git
2. Open terminal (bash/cmd). Then go to project folder using command
```sh
cd vue3lara9start
```
3. Then install required files and libraries using
```sh
composer install
```
4. Then create a .env file and generate key for this project using command
```sh
cp .env.example .env
php artisan key:generate
```
5. Then compile all CSS & JS files together using this command
```sh
npm install && npm run dev
```
or
```sh
yarn install && yarn run dev
```
6. Create a database in MYSQL and connect it with your project via updating .env file.
7. After connecting the db with project, then run command
```sh
php artisan migrate:fresh --seed
```
After completing the migration and seeding of db, you will have 2 user ready for login in this project.
A. Admin -> Admin
Email -> admin@example.com
Pass -> 1234
B. User -> Editor
Email -> editor@example.com
Pass -> 1234
Finally we are ready to run our project using this command
```sh
php artisan serve
```
in one terminal and also run
```sh
npm run watch
```
on another terminal for compiling js and css.