PHPackages                             roy-veldman/wirecraft - 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. roy-veldman/wirecraft

ActiveLibrary

roy-veldman/wirecraft
=====================

Boilerplate for Craft CMS project, which include webpack and a basic structure

1.1.9(6y ago)2741[19 PRs](https://github.com/RoyVeldman/wirecraft/pulls)MITPHP

Since Dec 17Pushed 3y agoCompare

[ Source](https://github.com/RoyVeldman/wirecraft)[ Packagist](https://packagist.org/packages/roy-veldman/wirecraft)[ RSS](/packages/roy-veldman-wirecraft/feed)WikiDiscussions master Synced today

READMEChangelog (10)Dependencies (6)Versions (37)Used By (0)

Boilerplate for Craft CMS
=========================

[](#boilerplate-for-craft-cms)

Build instructions
------------------

[](#build-instructions)

1. `composer create-project roy-veldman/wirecraft [projectname]`
2. `cd` into the project
3. create database
    - `mysql -u [username]` (add `-p` if you have a password)
    - `create database [database-name];`
4. run `./craft setup/index`
5. run `composer update`
6. run `npm install`
7. run `npm run dev`
8. Login to the back-end
    - Setup the homepage
    - Go to settings -> plugins, and install the plugins
    - Create Assets in the uploads folder `@web/assets/uploads/{images}`

- Created an uploads folder for all the images and files you set-up in craft, this folder does not get pushed so you won't have any conflicts with local and production. The static images that are hardcoded or static icons are in the actual image or icons folder, these can be pushed.

### Production build

[](#production-build)

run `npm run build` if you are ready for production, this will minify the javascript and css files.

Starting instructions
---------------------

[](#starting-instructions)

If you created a homepage on the back-end of craft, whether is a single page or a structure you can start with the code below.

- Example of the filename `pages/_entry.twig`

```
{% extends 'layouts/_master' %}

{% block content %}

      {# content comes here #}

{% endblock %}
```

Additional information
----------------------

[](#additional-information)

#### VueJS

[](#vuejs)

- VueJs is already standard in the boilerplate, if you want to make use of it, follow the following steps:
- Inside app.js

```
import Vue from 'vue'

new Vue({
    el: [targetElement]
});

```

- Inside JS folder
    - create components folder
    - create `.vue` files
- In the `.vue` files you can also access the global variables from your scss files, if you want to add or change this go into `webpack.common.js` and configure the `configureCssLoader()`

#### Jquery

[](#jquery)

- If you want to use Jquery on your project (which i don't recommend), follow the steps below
- All these changes are in the `webpack.common.js`

```
// At the top of the file add the webpack variable
const webpack = require('webpack');

// Inside the plugins add the following plugin,
// Add this below the CopyWebpackPlugin
new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
})
```

### Boilerplate information

[](#boilerplate-information)

- Craft CMS (clean install)
- Basic folder structure
    - Src folder with JS and SCSS
    - Starting files ( `app.scss` / `app.js` )
    - Standard mobile mixin ( already includes in `app.scss` )
    - Layout folder with `_master.twig` file, which contains basic layout file ( css and js includes aswell as seo plugin )
- Craft Module
    - Cache busting (gives the css and js files a version number)
- Craft Plugins
    - Entry instructions
    - Super table
    - SEO
    - Redactor
- Webpack (for compiling css and js)
    - ES6 functionality
    - SCSS
    - VueJS
    - File-loader
    - Babel
    - Copying static assets ( standard fonts and icons )
    - Minify CSS and JS on production ( prefix included! )
    - Live server with hot reload
    - Clean files plugin ( removes unused css and js files from assets folder )

*By Roy Veldman*

###  Health Score

32

—

LowBetter than 72% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity72

Established project with proven stability

 Bus Factor1

Top contributor holds 96.1% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~19 days

Recently: every ~56 days

Total

16

Last Release

2420d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/a9778530bf4ef91848c132a3658b6cd8983ef34d10110e6a1710eddf152c5404?d=identicon)[RoyVeldman](/maintainers/RoyVeldman)

---

Top Contributors

[![RoyVeldman](https://avatars.githubusercontent.com/u/35059379?v=4)](https://github.com/RoyVeldman "RoyVeldman (73 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (3 commits)")

### Embed Badge

![Health badge](/badges/roy-veldman-wirecraft/health.svg)

```
[![Health](https://phpackages.com/badges/roy-veldman-wirecraft/health.svg)](https://phpackages.com/packages/roy-veldman-wirecraft)
```

###  Alternatives

[wrav/oembed

A simple plugin to extract media information from websites, like youtube videos, twitter statuses or blog articles.

36205.0k3](/packages/wrav-oembed)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)