Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/berkanumutlu/laravel-vue

Laravel, Vue, Vite, Tailwind
https://github.com/berkanumutlu/laravel-vue

laravel laravel-example-project laravel-project laravel-vite laravel-vue tailwind vite vue

Last synced: 13 days ago
JSON representation

Laravel, Vue, Vite, Tailwind

Awesome Lists containing this project

README

        

Laravel Logo


Laravel Vue Repo stars
License
Laravel Version
PHP Version
MySQL Version
nginx Version
Redis Version
Docker Version
Composer Version

# Laravel Vue
Laravel, Vue, Vite, Tailwind

## Installation

**1)** Clone repository
```shell
$ git clone https://github.com/berkanumutlu/laravel-vue.git
OR
$ git clone [email protected]:berkanumutlu/laravel-vue.git
```

**2)** Copy the example env file and **make the required configuration changes** in the **.env** file
```shell
$ cp .env.example .env
$ cp /project/.env.example /project/.env
```

**3)** Install docker container (required docker)
```shell
$ docker-compose up -d
```

**4)** After installation, find your app's container id on docker
```shell
$ docker ps
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
...
0ab633cf5b39 laravel-vue-php8 "docker-php-entrypoi…" 55 minutes ago Up 55 minutes 0.0.0.0:5173->5173/tcp, 0.0.0.0:9000->9000/tcp laravel_vue-app
...
```

- And connect to the terminal of your app's container
```shell
$ docker exec -it {APP_CONTAINER_ID} bash
```

**5)** Install all the dependencies using composer and npm
```shell
$ composer install
$ npm install
```

**6)** Generate a new application key
```shell
$ php artisan key:generate
```

**7)** Run the database migrations (**Don't forget set the database connection in .env before migrating**)
```shell
$ php artisan migrate
```

**8)** Start the local development server
```shell
$ npm run dev
```

- To stop the Docker container, use the following command
```shell
$ docker-compose stop
```

**NOTE**: Every time you run the application's Docker container, you need to use the ```docker compose up``` command and then connect to the app container's terminal and run the ```npm run dev``` command. If you do not want to do this, you can configure the Dockerfile to automatically start the ```npm run dev``` command

## Packages

#### composer.json

##### global
- [predis/predis](https://github.com/predis/predis) (v2.2.2)

##### dev
- [barryvdh/laravel-debugbar](https://github.com/barryvdh/laravel-debugbar) (v3.13.5)

#### package.json

##### global
- [tailwindlabs/headlessui](https://github.com/tailwindlabs/headlessui) (v1.7.23)
- [tailwindlabs/heroicons](https://github.com/tailwindlabs/heroicons) (v2.1.5)
- [vuejs/router](https://github.com/vuejs/router) (v4.4.4)

##### dev

- [vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue) (v5.1.3)
- [tailwindlabs/tailwindcss](https://github.com/tailwindlabs/tailwindcss) (v3.4.10)
- [postcss/postcss](https://github.com/postcss/postcss) (v8.4.45)
- [postcss/autoprefixer](https://github.com/postcss/autoprefixer) (v10.4.20)

## License

The MIT License (MIT). Please see [License File](LICENSE) for more information.