PHPackages                             elivz/craft-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 &amp; Helpers](/categories/utility)
4. /
5. elivz/craft-starter

ActiveProject[Utility &amp; Helpers](/categories/utility)

elivz/craft-starter
===================

Craft CMS project template

61[19 issues](https://github.com/elivz/craft-starter/issues)[19 PRs](https://github.com/elivz/craft-starter/pulls)HTML

Since Jun 7Pushed 3y agoCompare

[ Source](https://github.com/elivz/craft-starter)[ Packagist](https://packagist.org/packages/elivz/craft-starter)[ RSS](/packages/elivz-craft-starter/feed)WikiDiscussions master Synced 3d ago

READMEChangelogDependenciesVersions (20)Used By (0)

Front-End Starter Kit
=====================

[](#front-end-starter-kit)

This is [my](https://github.com/elivz) starting point for most projects. It was created primarily for my own personal use and may or may not be useful to anyone else, but you are welcome to use it, fork it, or ignore it.

Usage
-----

[](#usage)

### Getting Set Up

[](#getting-set-up)

First you need to install [Docker for Mac](https://www.docker.com/docker-mac) or [for Windows](https://www.docker.com/docker-windows). The default settings should be fine, but feel free to poke around and tweak things.

The development server and all build commands are run inside Docker, so you don't have to have Node, PHP, or MySQL running on your development computer (and, conversely, it won't hurt anything if you have the wrong version of any of them).

To start, run the following command in the project folder to finish setting things up:

```
./run init

```

### Installing &amp; Managing Dependencies

[](#installing--managing-dependencies)

We use [Yarn](https://yarnpkg.com) for front-end dependency management, which you can access like this:

```
./run yarn add flickity
./run yarn remove flickity

```

If you make manual changes to `package.json` (or `composer.json`), you will need to run `./run update`.

### Start Developing!

[](#start-developing)

To start the local server and begin watching for file changes, run:

```
./run start
./run watch

```

The web address to see your website will be displayed in the terminal. Since it uses [Browsersync](https://www.browsersync.io) &amp; [xip.io](http://xip.io), you will be able to open that link on any device connected to your local network, making mobile testing easy.

You can connect to the database using an app such as [Sequel Pro](http://sequelpro.com). Use the following settings:

```
Host:     127.0.0.1
Username: app
Password: 123
Database: app

```

When you are finished working for the day, shut down the server with:

```
./run stop

```

Project Tree
------------

[](#project-tree)

```
dist/public # This will be your webroot
  - assets
    - css     # The compiled CSS files
    - images  # Optimized image files
    - fonts   # Locally-hosted webfont files
    - js      # Concatenated Javascript files
src
  - fonts     # Any webfont files here will be copied verbatim to the dist folder
  - images    # Unoptimized image files, as exported from Photoshop, etc.
  - scripts   # All custom scripts for the theme
    - components  # Individual components providing site-specific functionality
    - plugins     # Self-contained generic plugins (not site-specific)
  - static    # Favicons, touch icons, etc
  - styles    # CSS source files
  - templates # HTML/PHP/Twig templates

```

Front-End Build Process
-----------------------

[](#front-end-build-process)

Specific Notes
--------------

[](#specific-notes)

Most project-specific build configuration can be accomplished in the `package.json` file.

### CSS

[](#css)

We run Autoprefixer on the compiled CSS files to add additional browser support wherever possible.

### Scripts

[](#scripts)

Any ES2015 features will be transcoded to their ES5 equivalent. Use ES2015-style module imports.

###  Health Score

17

—

LowBetter than 6% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity48

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/dbbb98a048b6203510c6feb5ddb371d7789422704f28ac8437e4b2665b6c466e?d=identicon)[elivz](/maintainers/elivz)

---

Top Contributors

[![elivz](https://avatars.githubusercontent.com/u/62592?v=4)](https://github.com/elivz "elivz (25 commits)")

---

Tags

boilerplatecomposer-projectcraftcmswebpack

### Embed Badge

![Health badge](/badges/elivz-craft-starter/health.svg)

```
[![Health](https://phpackages.com/badges/elivz-craft-starter/health.svg)](https://phpackages.com/packages/elivz-craft-starter)
```

PHPackages © 2026

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