PHPackages                             hksagentur/kirby-vite - 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. hksagentur/kirby-vite

ActiveKirby-plugin[Utility & Helpers](/categories/utility)

hksagentur/kirby-vite
=====================

Vite integration for Kirby

1.8.0(2mo ago)0551↓77.4%ISCPHPPHP >=8.1.0CI passing

Since Aug 18Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/hksagentur/kirby-vite)[ Packagist](https://packagist.org/packages/hksagentur/kirby-vite)[ RSS](/packages/hksagentur-kirby-vite/feed)WikiDiscussions main Synced today

READMEChangelog (10)Dependencies (9)Versions (14)Used By (0)

Kirby Vite
==========

[](#kirby-vite)

Backend integration for [Vite.js](https://vitejs.dev/guide/backend-integration.html).

Requirements
------------

[](#requirements)

Kirby CMS (`>=3.9`)
PHP (`>= 8.1`)

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

[](#installation)

### Composer

[](#composer)

```
composer require hksagentur/kirby-vite
```

### Download

[](#download)

Download the project archive and copy the files to the plugin directory of your kirby installation. By default this directory is located at `/site/plugins`.

Configuration
-------------

[](#configuration)

### Vite

[](#vite)

Create a `vite.config.js` file in your project root and make sure to generate a [manifest](https://vitejs.dev/config/build-options.html#build-manifest) with your production build. You can use the configuration template provided with the repository as a starting point (see [stubs/vite.config.stub](./stubs/vite.config.stub)).

### Kirby

[](#kirby)

Embed your Vite assets in your website. Add the following snippet to the header of your site:

```