To set up Laravel Breeze with just vanilla HTML views and no CSS styling, you can follow these steps:
-
Install Laravel Breeze: First, make sure you have Laravel Breeze installed in your Laravel project. You can do this by running:
composer require laravel/breeze --dev -
Install Breeze: Next, install Breeze using the Artisan command. This will publish the necessary authentication views and routes:
php artisan breeze:install -
Remove Tailwind CSS: Since you want to use vanilla HTML without any CSS styling, you can remove Tailwind CSS from your project. Open your
package.jsonfile and remove the Tailwind CSS dependency. It should look something like this:{ "devDependencies": { "vite": "^4.0.0", "laravel-vite-plugin": "^0.7.0" } }Then, remove any Tailwind CSS configuration files like
tailwind.config.jsandpostcss.config.js. -
Modify Views: Go to the
resources/viewsdirectory where Breeze has published its views. You will find the authentication views likelogin.blade.php,register.blade.php, etc. You can now modify these views to use plain HTML without any Tailwind CSS classes. For example:<!-- resources/views/auth/login.blade.php --> <form method="POST" action="{{ route('login') }}"> @csrf <div> <label for="email">Email</label> <input id="email" type="email" name="email" required autofocus> </div> <div> <label for="password">Password</label> <input id="password" type="password" name="password" required> </div> <div> <button type="submit">Login</button> </div> </form> -
Remove Unused CSS: If you have any CSS files that were included by default, you can remove them or simply not include them in your HTML files.
-
Compile Assets: If you have any other assets to compile, you can run:
npm install npm run buildSince you removed Tailwind, this step might not be necessary unless you have other JavaScript or CSS assets to compile.
By following these steps, you will have a Laravel Breeze setup with plain HTML views and no CSS styling. You can further customize the views as needed.