Ninja
The feature packed, lightning fast boilerplate we use at Graffino for building modern responsive static and WordPress powered websites.
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
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: <https://github.com/squizlabs/PHP_CodeSniffer/issues/3196>
- Backstop temporarily removed from `package.json` as it is not compatible with Arm64: `"backstopjs": "^6.0.4"`