PHPackages                             tatter/frontend - 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. [Framework](/categories/framework)
4. /
5. tatter/frontend

ActiveLibrary[Framework](/categories/framework)

tatter/frontend
===============

Opinionated suite of frontend tech for CodeIgniter 4

v1.1.0(2y ago)125.3k↓50%4[2 issues](https://github.com/tattersoftware/codeigniter4-frontend/issues)[1 PRs](https://github.com/tattersoftware/codeigniter4-frontend/pulls)MITPHPPHP ^8.0

Since Dec 13Pushed 1y ago2 watchersCompare

[ Source](https://github.com/tattersoftware/codeigniter4-frontend)[ Packagist](https://packagist.org/packages/tatter/frontend)[ Docs](https://github.com/tattersoftware/codeigniter4-frontend)[ Fund](https://paypal.me/tatter)[ GitHub Sponsors](https://github.com/tattersoftware)[ RSS](/packages/tatter-frontend/feed)WikiDiscussions develop Synced 1mo ago

READMEChangelog (9)Dependencies (13)Versions (13)Used By (0)

Tatter\\Frontend
================

[](#tatterfrontend)

Opinionated suite of frontend tech for CodeIgniter 4

[![](https://github.com/tattersoftware/codeigniter4-frontend/workflows/PHPUnit/badge.svg)](https://github.com/tattersoftware/codeigniter4-frontend/actions/workflows/test.yml)[![](https://github.com/tattersoftware/codeigniter4-frontend/workflows/PHPStan/badge.svg)](https://github.com/tattersoftware/codeigniter4-frontend/actions/workflows/analyze.yml)[![](https://github.com/tattersoftware/codeigniter4-frontend/workflows/Deptrac/badge.svg)](https://github.com/tattersoftware/codeigniter4-frontend/actions/workflows/inspect.yml)[![Coverage Status](https://camo.githubusercontent.com/4d39055a6311d74e4e1819d306380e0954f8af430d992ed4e3512e47345d4fc7/68747470733a2f2f636f766572616c6c732e696f2f7265706f732f6769746875622f746174746572736f6674776172652f636f646569676e69746572342d66726f6e74656e642f62616467652e7376673f6272616e63683d646576656c6f70)](https://coveralls.io/github/tattersoftware/codeigniter4-frontend?branch=develop)

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

[](#description)

This library leverages [Tatter\\Assets](https://github.com/tattersoftware/codeigniter4-assets)alongside the framework's [Publisher Library](https://codeigniter4.github.io/CodeIgniter4/libraries/publisher.html#)to automate asset discovery and HTML tag injection for an opinionated selection of frontend solutions.

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

[](#installation)

Install easily via Composer to take advantage of CodeIgniter 4's autoloading capabilities and always be up-to-date:

```
composer require tatter/frontend
```

Or, install manually by downloading the source files and adding the directory to **app/Config/Autoload.php**.

Once the files are downloaded and included in the autoload run the framework's `publish`command to inject all assets into your front controller path:

```
php spark publish
```

Included Solutions
------------------

[](#included-solutions)

### Asset Libraries

[](#asset-libraries)

- [AdminLTE](https://adminlte.io) - Admin dashboard template
- [Bootstrap](https://getbootstrap.com) - Mobile-first front-end CSS framework directed at responsive web development
- [DataTables](https://datatables.net) - To enhance the accessibility of data in HTML tables
- [FontAwesome](https://fontawesome.com) - Popular icon set and toolkit for vector icons and social logos
- [jQuery](https://jquery.com) - A fast, small, and feature-rich JavaScript library

### Support Libraries

[](#support-libraries)

- [League\\CommonMark](https://packagist.org/packages/league/commonmark)
- [Tatter\\Alerts](https://packagist.org/packages/tatter/alerts)
- [Tatter\\Assets](https://packagist.org/packages/tatter/assets)
- [Tatter\\Layouts](https://packagist.org/packages/tatter/layouts)
- [Tatter\\Menus](https://packagist.org/packages/tatter/menus)
- [Tatter\\Themes](https://packagist.org/packages/tatter/themes)

> \*Note: jQuery is included because some other libraries depend on it; should those libraries remove it as a dependency or be removed themselve then jQuery will no longer be included.

Versioning
----------

[](#versioning)

The intent is to maintain two major versions of this library for an indefinite amount of time until AdminLTE 4 is fully released and stable for production use. The core differences will be around the dependency stack for AdminLTE, Bootstrap, and jQuery.

Library versionBootstrap versionAdminLTE versionjQuery`1.x``4.x``3.x`Yes`2.x``5.x``4.x`NoConfiguration
-------------

[](#configuration)

*For full configuration details see the [Assets docs](https://github.com/tattersoftware/codeigniter4-assets).*

Enable the `AssetsFilters` on any "after" routes where you want tags applied. To apply them everywhere simply add to `$globals`. **app/Config/Filters.php**:

```
    /**
     * List of filter aliases that are always
     * applied before and after every request.
     *
     * @var array
     */
    public $globals = [
        'before' => [
            // 'honeypot',
            // 'csrf',
        ],
        'after'  => [
            'assets',
        ],
    ];
```

Then create or edit your `Assets` config file and add each bundle for the routes where you want them to be applied. **app/Config/Assets.php**:

```