PHPackages                             alok-vishu/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. alok-vishu/jetstrap

ActiveLibrary[Utility & Helpers](/categories/utility)

alok-vishu/jetstrap
===================

A Laravel 8 package to easily switch TailwindCSS resources generated by Laravel Jetstream to Bootstrap 5.

220Blade

Since Sep 7Pushed 4y ago1 watchersCompare

[ Source](https://github.com/alokVishu/jetstrap)[ Packagist](https://packagist.org/packages/alok-vishu/jetstrap)[ RSS](/packages/alok-vishu-jetstrap/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Vuexy Jetstrap
==============

[](#vuexy-jetstrap)

[![Latest Stable Version](https://camo.githubusercontent.com/c0485a9a6ff1782ea852c82676051522b6b2c4aa87cdd2beb21a247819eb45da/68747470733a2f2f706f7365722e707567782e6f72672f706978696e76656e742f6a657473747261702d76756578792f76)](//packagist.org/packages/pixinvent/jetstrap-vuexy)

[![Total Downloads](https://camo.githubusercontent.com/104d1a39f36ce44d5442f353f053768d8aaa4b9491b2816d7223b4577eb48b05/68747470733a2f2f706f7365722e707567782e6f72672f706978696e76656e742f6a657473747261702d76756578792f646f776e6c6f616473)](//packagist.org/packages/pixinvent/jetstrap-vuexy)

[![License](https://camo.githubusercontent.com/7532593141ab8d27dd243bc8a3f023ce017667366079451a798b96e7c28abcf9/68747470733a2f2f706f7365722e707567782e6f72672f706978696e76656e742f6a657473747261702d76756578792f6c6963656e7365)](//packagist.org/packages/pixinvent/jetstrap-vuexy)

##### Specially customized Laravel jetstream's scaffolding for [Vuexy-html-laravel-template](https://themeforest.net/item/vuexy-vuejs-html-laravel-admin-dashboard-template/23328599). It does not work with another project

[](#specially-customized-laravel-jetstreams-scaffolding-for-vuexy-html-laravel-template-it-does-not-work-with-another-project)

Description
-----------

[](#description)

Laravel Jetstream is designed using Tailwind CSS and offers your choice of Livewire or Inertia scaffolding. We have remove the Tailwind css dependency and modify the Livewire scaffolding as per our template theme. **Please note we have not provided Inertia scaffolding yet**.

Vuexy Jetstrap is a lightweight laravel 8 package that focuses on the `VIEW` side of [Jetstream](https://github.com/laravel/jetstream) 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.

Table of Content
----------------

[](#table-of-content)

- [Installation](#installation)
- [Installing Jetstream](#installing-jetstream)
- [Install Jetstream With Livewire](#install-jetstream-with-livewire)
- [Install Jetstrap](#install-jetstrap)
- [Finalizing The Installation](#finalizing-the-installation)
- [Extras](#extras)
- [Pagination](#pagination)
- [License](#license)

Installation
------------

[](#installation)

### Installing Jetstream

[](#installing-jetstream)

You may use Composer to install Jetstream into your new Laravel project:

```
composer require laravel/jetstream

```

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). You are highly encouraged to read through the entire documentation of Livewire 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
```

### Install Jetstrap

[](#install-jetstrap)

Use Composer to install Jetstrap into your new Laravel project as dev dependency:

```

composer require Pixinvent/jetstrap-vuexy --dev

```

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).

> 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_vuexy:swap livewire

or

php artisan jetstrap_vuexy:swap livewire --teams
```

This will publish overrides to enable Bootstrap like the good old days!

### 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 mix

yarn && yarn mix

php artisan migrate

```

### Extras

[](#extras)

#### Pagination

[](#pagination)

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:

```