The feature packed, lightning fast boilerplate we use at Graffino for building modern responsive static and WordPress powered websites.
- 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
- 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
- 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
- Handlebars templating system
- Custom mixins
- Cache busting support
- 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 via Cypress and Backstop
- 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
To install required software: https://github.com/Graffino/Ninja/tree/master/documentation/prerequisites.md
To find out more about what Ninja's features and project structure: https://github.com/Graffino/Ninja/tree/master/documentation/features-and-usage.md
How to use Ninja's vanilla JS compoments: https://github.com/Graffino/Ninja/tree/master/documentation/javascript-components.md
Ninja includes regression testing utilities that help you find out if you broke already developed components: https://github.com/Graffino/Ninja/tree/master/documentation/regression-testing.md
Info about Ninja's WordPress theme development toolset: https://github.com/Graffino/Ninja/tree/master/documentation/wordpress-theme-development.md
Ninja comes with an optional Docker environment: https://github.com/Graffino/Ninja/tree/master/documentation/docker-environment.md
We bundled some other cool scripts and tools into Ninja: https://github.com/Graffino/Ninja/tree/master/documentation/other-tools.md
username: graffino
password: js#O^P#S3CYp$SpwIu
Keep the version for the eslint plugin at 7.32: prettier/prettier-eslint-cli#427
Keep the version for the imagemin-mozjpeg plugin at 9.0: imagemin/imagemin#380
- Keep the version for the imagemin-mozjpeg plugin at 9.0.0 as it is now ESM only.