Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/graffino/graffino-docker-ninja

Webpack 4 based boilerplate to jumpstart your static or WordPress project.
https://github.com/graffino/graffino-docker-ninja

boilerplate handlebars linting regression-testing sass vanilla-javascript-compoments vanilla-js webpack webpack4 wordpress wordpress-theme-development

Last synced: about 5 hours ago
JSON representation

Webpack 4 based boilerplate to jumpstart your static or WordPress project.

Host: GitHub
URL: https://github.com/graffino/graffino-docker-ninja
Owner: Graffino
License: mit
Created: 2019-08-21T13:15:51.000Z (about 5 years ago)
Default Branch: develop
Last Pushed: 2022-09-30T17:41:02.000Z (about 2 years ago)
Last Synced: 2023-03-14T07:23:01.108Z (over 1 year ago)
Topics: boilerplate, handlebars, linting, regression-testing, sass, vanilla-javascript-compoments, vanilla-js, webpack, webpack4, wordpress, wordpress-theme-development
Language: PHP
Homepage: https://graffino.ninja
Size: 10.4 MB
Stars: 14
Watchers: 4
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Ninja

The feature packed, lightning fast boilerplate we use at [Graffino](https://graffino.com/) for building modern responsive static and WordPress powered websites.

- [Ninja](#ninja)

  - [Features](#features)

    - [Modern CSS](#modern-css)

    - [ES6 vanilla JS, VueJS](#es6-vanilla-js-vuejs)

    - [Assets](#assets)

    - [or WordPress (PHP) powered](#or-wordpress-php-powered)

    - [Regression testing](#regression-testing)

    - [Toolset](#toolset)

  - [Features And Usage](#features-and-usage)

  - [Default Password](#default-password)

  - [Important](#important)

## Features

### Modern CSS

- SCSS powered

- Easy media queries

- PostCSS optimisation via browserlist

- Code minification

- Custom Flexbox grid system

- Custom mixins & utilities

- Responsive typography

- Automatic code linting and fixing

- Sourcemaps

### ES6 vanilla JS, VueJS

- Vanilla JS modules

- ES6 transpiling via babel with browserlist support

- Babel polyfills support

- Code minification & optimisation

- Automatic code linting and fixing

- Sourcemaps

- VSCode debug support

- Webpack build

### Assets

- NodeJS assets via package.json, you won't manually download a library ever again

- SVG sprites for modern dynamic SVG icons and assets

- SVG inline injection

- Image assets compression & optimisation

- Lazy loading & low resolution placeholders

### or WordPress (PHP) powered

- Composer integration for WordPress and plugins

- Support for private packages and .env based configuration for license keys

- Custom OOP base theme with automatic class loading and dependency injection

- Cache busting support

- Automatic code linting and fixing

- VSCode debug support via xDebug

### Regression testing

- Regression testing via Cypress and Backstop

### Toolset

- Optional dockerized development environment

- Custom SSL certificate support for .dev domain

- One command WordPress setup and initialization

- Database migration & dump scripts for WordPress

- Automatic javascript and composer packages update scripts

- Automatic deployment scripts

- Automatic file syncronisation scripts (WordPress)

- Automatic package version bumping

- Development server with code injection and hot reload

## Features And Usage

To find out more about what Ninja's features and project structure see the `documentation` folder.

## Default Password

```bash

username: graffino

password: js#O^P#S3CYp$SpwIu

## Important

- Keep the version for the imagemin-mozjpeg plugin at 9.0.0 as it is now ESM only.

- PHP linting issue with PHP8: 

- Backstop temporarily removed from `package.json` as it is not compatible with Arm64: `"backstopjs": "^6.0.4"`