PHPackages                             praxisnetau/silverstripe-webpack2-starter - 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. praxisnetau/silverstripe-webpack2-starter

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

praxisnetau/silverstripe-webpack2-starter
=========================================

Starter kit for SilverStripe 4, Webpack 2 and Bootstrap 4.

622PHP

Since Mar 8Pushed 9y ago2 watchersCompare

[ Source](https://github.com/praxisnetau/silverstripe-webpack2-starter)[ Packagist](https://packagist.org/packages/praxisnetau/silverstripe-webpack2-starter)[ RSS](/packages/praxisnetau-silverstripe-webpack2-starter/feed)WikiDiscussions master Synced 2mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

SilverStripe Webpack2 Starter
=============================

[](#silverstripe-webpack2-starter)

#### SilverStripe 4 + Webpack 2 + Bootstrap 4 = awesome! 😎

[](#silverstripe-4--webpack-2--bootstrap-4--awesome-)

This starter kit expands upon [silverstripe-webpack-starter](https://github.com/unclecheese/silverstripe-webpack-starter) and has been revised to work with [SilverStripe 4](https://github.com/silverstripe/silverstripe-framework), [Webpack 2](https://github.com/webpack/webpack) and [Bootstrap 4](https://github.com/twbs/bootstrap). [Modernizr](https://github.com/modernizr/modernizr) is also included for easy browser feature detection.

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

[](#installation)

Installation is via [Composer](https://getcomposer.org).

Create a new project based on this repo by running:

```
$ composer create-project praxisnetau/silverstripe-webpack2-starter /path/to/project dev-master
```

Alternatively, clone the repo, and then run:

```
$ composer install
```

Once Composer has finished downloading packages, you'll need to create a `.env` file either in the project root, or the parent directory. An example file `.env.example` is included in the repo to give you a head start. The `.env` file configures the environment and database settings for SilverStripe 4. Make sure you don't commit any `.env` files with sensitive information (such as passwords) to version control!

You'll also need to install the frontend dependencies in the `themes/app` folder. You can either use Yarn or NPM to install:

### Yarn

[](#yarn)

```
$ cd themes/app
$ yarn install
```

### NPM

[](#npm)

```
$ cd themes/app
$ npm install
```

Development
-----------

[](#development)

Once the frontend dependencies are installed in `node_modules`, you'll need to start the Webpack development server:

### Yarn

[](#yarn-1)

```
$ yarn run start
```

### NPM

[](#npm-1)

```
$ npm run start
```

If everything goes according to plan, the Webpack development server should start running on `http://localhost:8080` and Webpack will compile the theme source files.

You can now access your app host in your browser. SilverStripe will build it's database, and CSS changes will be hot loaded by Webpack.

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

[](#configuration)

The theme uses `bootstrap-loader` and `modernizr-loader` for easy customisation of your theme via configuration files:

- `themes/app/.bootstraprc` - YAML configuration for Bootstrap
- `themes/app/.modernizrrc` - YAML configuration for Modernizr

Using these files, you can selectively enable or disable features of both Bootstrap and Modernizr for your custom app build.

Production
----------

[](#production)

To prepare files for distribution to production servers, you can run Webpack in production mode by using:

### Yarn

[](#yarn-2)

```
$ yarn run build
```

### NPM

[](#npm-2)

```
$ npm run build
```

Webpack will clear your `themes/app/production` folder and output optimised and minified CSS and JavaScript.

Deployment
----------

[](#deployment)

When deploying your project to a live server, you do not need to deploy the `themes/app/source` folder. Only deploy `themes/app/production`.

Attribution
-----------

[](#attribution)

- Thanks to [Aaron Carlino](https://github.com/unclecheese) and [Stevie Mayhew](https://github.com/stevie-mayhew) for laying the groundwork for this repo to be built.

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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.

### Community

Maintainers

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

---

Top Contributors

[![colintucker](https://avatars.githubusercontent.com/u/1853705?v=4)](https://github.com/colintucker "colintucker (6 commits)")

---

Tags

bootstrapbootstrap4silverstripestarter-kitthemewebpackwebpack2

### Embed Badge

![Health badge](/badges/praxisnetau-silverstripe-webpack2-starter/health.svg)

```
[![Health](https://phpackages.com/badges/praxisnetau-silverstripe-webpack2-starter/health.svg)](https://phpackages.com/packages/praxisnetau-silverstripe-webpack2-starter)
```

PHPackages © 2026

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