PHPackages felipe-ps/jetstrap - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. felipe-ps/jetstrap ActiveLibrary[Utility & Helpers](/categories/utility) felipe-ps/jetstrap ================== A Laravel 9 package to easily switch TailwindCSS resources generated by Laravel Jetstream to Bootstrap 5 with Vite. 7590[1 issues](https://github.com/Felipe-PS-95/jetstrap-mod/issues)Vue Since Jul 1Pushed 3y ago1 watchersCompare [ Source](https://github.com/Felipe-PS-95/jetstrap-mod)[ Packagist](https://packagist.org/packages/felipe-ps/jetstrap)[ RSS](/packages/felipe-ps-jetstrap/feed)WikiDiscussions main Synced 3d ago READMEChangelogDependenciesVersions (1)Used By (0) Jetstrap ======== [](#jetstrap) [![Latest Stable Version](https://camo.githubusercontent.com/9ce851ef59034f0fb55704380962fd46bb8cb3d3b7df60fb2ab9d492b8d27e64/68747470733a2f2f706f7365722e707567782e6f72672f6e617363656e742d6166726963612f6a657473747261702f76)](//packagist.org/packages/nascent-africa/jetstrap)[![Total Downloads](https://camo.githubusercontent.com/734c004a4777a687152c45095d8182b520fe84b2fd3d648a29981389cf0cc84f/68747470733a2f2f706f7365722e707567782e6f72672f6e617363656e742d6166726963612f6a657473747261702f646f776e6c6f616473)](//packagist.org/packages/nascent-africa/jetstrap)[![License](https://camo.githubusercontent.com/6ec77db8bbe61296f3887d34272a25c6f0e7645a2d92a39596af2cd9ce7bf64e/68747470733a2f2f706f7365722e707567782e6f72672f6e617363656e742d6166726963612f6a657473747261702f6c6963656e7365)](//packagist.org/packages/nascent-africa/jetstrap) Description ----------- [](#description) Jetstrap is a lightweight laravel 9 package that focuses on the `VIEW` side of [Jetstream](https://github.com/laravel/jetstream) / [Breeze](https://github.com/laravel/breeze) package installed in your Laravel application, so when a swap is performed, the `Action`, `MODEL`, `CONTROLLER`, `Component` and `Action` classes of your project is still 100% handled by Laravel development team with no added layer of complexity. Notes: - I only tested Jetstream. - Have the PHP version installed and install Composer in it after installing it. After that uncomment the "fileinfo" line in php.ini - See Laravel version: php artisan --version - See PHP version: php -v Project Configuration: Laravel Framework 9.24.0 PHP 8.1.9 Reference Link: [https://www.youtube.com/watch?v=nuB09o8SMUc&t=1s](https://www.youtube.com/watch?v=nuB09o8SMUc&t=1s) (by Tech Chess) Table of Content ---------------- [](#table-of-content) - [Installation](#installation) - [Install Laravel (If Necessary)](#install-laravel-if-necessary) - [Project Creation](#project-creation) - [Update Composer (If Necessary)](#update-composer-if-necessary) - [Installing Jetstream](#installing-jetstream) - [Install Jetstream With Livewire](#install-jetstream-with-livewire) - [Or, Install Jetstream With Inertia](#or--install-jetstream-with-inertia) - [Install Jetstrap](#install-jetstrap) - [Install Sass](#install-sass) - [Finalizing The Installation](#finalizing-the-installation) - [Extras](#extras) - [Pagination](#pagination) - [Presets](#presets) - [Core Ui](#core-ui) - [AdminLTE](#adminlte) - [Breeze](#breeze) - [Swapping Breeze resources](#swapping-breeze-resources) - [Swapping Breeze inertia resources](#swapping-breeze-inertia-resources) - [Testing](#testing) - [License](#license) Installation ------------ [](#installation) ### Install Laravel (If Necessary) [](#install-laravel-if-necessary) composer global require laravel/installer ### Project Creation [](#project-creation) ``` composer create-project --prefer-dist laravel/laravel:^9.2.0 laravel-jetstream-bootstrap ``` ### Update Composer (If Necessary) [](#update-composer-if-necessary) ``` composer global update composer global update -w ``` - Create database in this case "my\_test" and change it to ".env" - Open created project "cd laravel-jetstream-bootstrap" in terminal ### Installing Jetstream [](#installing-jetstream) You may use Composer to install Jetstream into your new Laravel project: ``` composer require laravel/jetstream:v2.12 ``` If you choose to install Jetstream through Composer, you should run the jetstream:install Artisan command. This command accepts the name of the stack you prefer (livewire or inertia). You are highly encouraged to read through the entire documentation of Livewire or Inertia before beginning your Jetstream project. In addition, you may use the --teams switch to enable team support: #### Install Jetstream With Livewire [](#install-jetstream-with-livewire) ``` php artisan jetstream:install livewire or php artisan jetstream:install livewire --teams (Not tested) ``` #### Or, Install Jetstream With Inertia [](#or-install-jetstream-with-inertia) ``` php artisan jetstream:install inertia --teams (Not tested) ``` Obs.: Ignore error in this part ### Install Jetstrap [](#install-jetstrap) Use Composer to install Jetstrap into your new Laravel project as dev dependency: ``` composer require felipe-ps/jetstrap:dev-main ``` Regardless how you install Jetstream, Jetstrap commands are very similar to that of Jetstream as it accepts the name of the stack you would like to swap (livewire or inertia). > It is important you install and configure [Laravel Jetstream](https://github.com/laravel/jetstream) before performing a swap. You are highly encouraged to read through the entire documentation of [Jetstream](https://jetstream.laravel.com/1.x/introduction.html)before beginning your Jetstrap project. In addition, you may use the `--teams` switch to swap team assets just like you would in Jetstream: ``` php artisan jetstrap:swap livewire or php artisan jetstrap:swap livewire --teams (Not tested) php artisan jetstrap:swap inertia --team (Not tested) ``` This will publish overrides to enable Bootstrap like the good old days! ### Install Sass [](#install-sass) ``` npm i -D sass ``` ### Finalizing The Installation [](#finalizing-the-installation) After installing Jetstrap and swapping Jetstream resources, remove tailwindCSS and its dependencies if any from your package.json and then install and build your NPM dependencies and migrate your database: ``` npm install && npm run build php artisan migrate php artisan serve ``` ### Extras [](#extras) #### Pagination (Not tested) [](#pagination-not-tested) It is also important to point out that Laravel 8 still includes pagination views built using Bootstrap CSS. To use these views instead of the default Tailwind views, you may call the paginator's useBootstrap method within your AppServiceProvider: ```