DEV Community

J-Sandaruwan
J-Sandaruwan

Posted on • Updated on

Laravel 8 with Bootstrap (Part 1)

Sometimes we have trouble with Tailwind CSS. Now we have jetstrap package to solve this problem. This package converts auth blade and profile blade for bootstrap. We will see how to do that.
Laravel 8 with Bootstrap

First and foremost, we must establish a Laravel 8 application.

composer create-project laravel/laravel bootstrap-app
Enter fullscreen mode Exit fullscreen mode

Go to the our project file.

cd bootstrap-app
Enter fullscreen mode Exit fullscreen mode

Configuration of a Database

Open your IDE's.env file to see the configuration.

Configuration of a Database

The command above only install Laravel, however, if you want to install Jetstream together then either

composer require laravel/jetstream
Enter fullscreen mode Exit fullscreen mode

We must install one of the stacks, either a livewire or an inertia stack; in this example, I will only use a livewire stack because it has already set up everything I need for the app's installation..

php artisan jetstream:install livewire
Enter fullscreen mode Exit fullscreen mode

with tailwind

Now we can install magical package for this project.

composer require nascent-africa/jetstrap --dev
php artisan jetstrap:swap livewire
Enter fullscreen mode Exit fullscreen mode

with bootstrap

Bringing It All Together for Installation

To remove tailwindCSS from your package, remove it together with any of its dependencies after installing Jetstrap.Then install and build your NPM dependencies, and then migrate your database.

npm install && npm run dev

php artisan migrate
Enter fullscreen mode Exit fullscreen mode

Test Our Project

php artisan serve

Enter fullscreen mode Exit fullscreen mode

Let's meet again for the brand new tutorial.

Discussion (2)

Collapse
klsameera profile image
klsameera

Great blog! Thank you very much.

Collapse
jsandaruwan profile image
J-Sandaruwan Author

Thank you very much!