[laravel] [sail] [breeze] [bootcamp] chirper project setup

For Windows user:

The following command is linux-based which may not be properly executed under windows environment. It is recommended that Windows Subsystem for Linux (WSL) is installed and used for this exercise. Refer https://learn.microsoft.com/en-us/windows/wsl/install

[1] Get chirper docker project

Launch a terminal and run the following command:

curl -s "https://laravel.build/chirper" | bash

[2] start project

After the project has been created, you can navigate to the application directory and start Laravel Sail:

cd chirper ./vendor/bin/sail up

When developing applications using Sail, you may execute Artisan, NPM, and Composer commands via the Sail CLI instead of invoking them directly:

./vendor/bin/sail php --version ./vendor/bin/sail artisan --version ./vendor/bin/sail composer --version ./vendor/bin/sail npm --version

[3] Installing Laravel Breeze

Open a new terminal in your chirper project directory and install your chosen stack with the given commands:

./vendor/bin/sail composer require laravel/breeze --dev ./vendor/bin/sail artisan breeze:install blade

Breeze will install and configure your front-end dependencies for you, so we just need to start the Vite development server to automatically recompile our CSS and refresh the browser when we make changes to our Blade templates:

./vendor/bin/sail npm run dev

In case vite is injecting wrong url eg using ip address 0.0.0.0 , add the server hrm entries in the vite.config.js file as follows:

import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [ laravel({ input: [ 'resources/css/app.css', 'resources/js/app.js', ], refresh: true, }), ], server: { hmr: { host: 'localhost' /* HERE */ } } });

Reference

Laravel Bootcamp: https://bootcamp.laravel.com/blade/installation

Sail Service: https://laravel.com/docs/10.x/installation#choosing-your-sail-services