Laravel, Vue, Vite, Tailwind
1) Clone repository
$ 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
$ cp .env.example .env
$ cp /project/.env.example /project/.env
3) Install docker container (required docker)
$ docker-compose up -d
4) After installation, find your app's container id on docker
$ 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
$ docker exec -it {APP_CONTAINER_ID} bash
5) Install all the dependencies using composer and npm
$ composer install
$ npm install
6) Generate a new application key
$ php artisan key:generate
7) Run the database migrations (Don't forget set the database connection in .env before migrating)
$ php artisan migrate
8) Start the local development server
$ npm run dev
- To stop the Docker container, use the following command
$ 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
- predis/predis (v2.2.2)
- barryvdh/laravel-debugbar (v3.13.5)
- tailwindlabs/headlessui (v1.7.23)
- tailwindlabs/heroicons (v2.1.5)
- vuejs/router (v4.4.4)
- vitejs/plugin-vue (v5.1.3)
- tailwindlabs/tailwindcss (v3.4.10)
- postcss/postcss (v8.4.45)
- postcss/autoprefixer (v10.4.20)
The MIT License (MIT). Please see License File for more information.