PHPackages                             webrouse/n-sandbox - 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. webrouse/n-sandbox

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

webrouse/n-sandbox
==================

Extended nette/sandbox with integrated gulp, es6, nittro, sass, browsersync, ...

v0.1(8y ago)1157[1 issues](https://github.com/webrouse/n-sandbox/issues)BSD-3-ClauseJavaScriptPHP >=7.1

Since Oct 2Pushed 7y ago3 watchersCompare

[ Source](https://github.com/webrouse/n-sandbox)[ Packagist](https://packagist.org/packages/webrouse/n-sandbox)[ Docs](https://github.com/webrouse/n-sandbox)[ RSS](/packages/webrouse-n-sandbox/feed)WikiDiscussions master Synced 3w ago

READMEChangelog (1)Dependencies (22)Versions (3)Used By (0)

n-sandbox
=========

[](#n-sandbox)

[![Latest stable](https://camo.githubusercontent.com/adcdd724bb916918c6cd175bd0bbc719e3b304d55359f970fc90d1dc9c35258f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f776562726f7573652f6e2d73616e64626f782e737667)](https://packagist.org/packages/webrouse/n-sandbox)[![Donate](https://camo.githubusercontent.com/604e3db9c8751116b3f765aad0353ec7ded655bbe8aaacbc38d8c4a6b784b3ed/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f446f6e6174652d50617950616c2d677265656e2e737667)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ZU4VST34ZB9J6)

This is an extended version of [nette/sandbox](https://github.com/nette/sandbox) focused on fast development with modern PHP and JS tools.

**[Wiki explains](https://github.com/webrouse/n-sandbox/wiki) how to use present technologies with Nette Framework.**

This sandbox is currently based on `Nette 2.4` due to incompatibility of some extensions with `Nette 3`.

Requirements
------------

[](#requirements)

- [PHP](https://php.net) >= 7.1
- [Composer](https://getcomposer.org)
- [Node.js](https://nodejs.org/en) >= 6.0

Quick start
-----------

[](#quick-start)

**Install the `gulp` command**

```
sudo npm install --global gulp-cli

```

**Create a new project using [composer](https://getcomposer.org/)**

```
composer create-project webrouse/n-sandbox path/to/install
cd path/to/install

```

**Install JavaScript dependencies using [npm](https://www.npmjs.com/get-npm)**

```
npm install

```

**Run `serve` task and profit**

```
gulp serve

```

*Visit `http://localhost:3000/checker` to check minimal requirements, if some issues, install the missing extensions.*

*Visit `http://localhost:3000` in your browser to see the welcome page.*

The `serve` task:

- includes [default](https://github.com/webrouse/n-sandbox/wiki/Gulp#gulp-or-gulp-default) and [watch](https://github.com/webrouse/n-sandbox/wiki/Gulp#gulp-watch) tasks
- checks coding standards for `php`, `js` and `scss` files
- compiles `js`, `scss` files and other assets
- runs the [PHP built-in webserver](http://php.net/manual/en/features.commandline.webserver.php) on `localhost:8000` using project [php.ini](https://github.com/webrouse/n-sandbox/blob/master/php.ini)
- runs [Browsersync](https://www.browsersync.io) server on `localhost:3000` that proxy requests to the PHP server
- watches for changes and then check + recompile assets

You can append `--silent` to suppress unnecessary output

```
gulp serve --silent

```

You can append `--fix` flag to automatically fix coding standards issues:

```
gulp --fix
gulp lint --fix
gulp serve --fix

```

To one-shot assets check and compilation run the `default` task:

```
gulp

```

**For more information, see [Tutorial](https://github.com/webrouse/n-sandbox/wiki/Tutorial) or [List of all tasks](https://github.com/webrouse/n-sandbox/wiki/Gulp#list-of-all-project-tasks).**

What's inside?
--------------

[](#whats-inside)

- [Gulp](https://gulpjs.com) task runner
- Cache busting of all assets with [gulp-rev](https://www.npmjs.com/package/gulp-rev) and [n-asset-macro](https://github.com/webrouse/n-asset-macro)
- [Rollup](https://www.npmjs.com/package/rollup) + [Babel](https://babeljs.io) compile next generation [ES6 scripts](https://github.com/lukehoban/es6features) to browser-compatible JavaScript
- [EsLint](https://www.npmjs.com/package/eslint) with [Airbnb JS rules](https://github.com/airbnb/javascript) check scripts coding standards
- [UglifyEs](https://www.npmjs.com/package/gulp-uglify-es) compresses scripts in production mode
- [Nittro](https://github.com/nittro/nittro) client-side framework for Nette
- [Sass](https://www.npmjs.com/package/gulp-sass) compiles [scss](http://sass-lang.com/guide) stylesheets to css
- [SassLint](https://www.npmjs.com/package/gulp-sass-lint) + [Airbnb CSS rules](https://github.com/airbnb/css) check styles coding standards
- [Autoprefixer](https://www.npmjs.com/package/autoprefixer) adds css [vendor prefixes](https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix) according to your [browserslist](https://github.com/webrouse/n-sandbox/blob/master/package.json#L68) config
- [Cssnano](https://www.npmjs.com/package/cssnano) compresses css in production mode
- [Source maps](https://github.com/webrouse/n-sandbox/wiki/Source-Maps)
- [Browsersync](https://www.browsersync.io) for synchronised development and testing in multiple browsers and devices
- [ECS](https://packagist.org/packages/symplify/easy-coding-standard) checks [nette/coding-standard](https://github.com/nette/coding-standard) in PHP files
- Localization with [server-side](https://componette.com/kdyby/translation) and [client-side](https://github.com/willdurand/BazingaJsTranslationBundle/blob/master/Resources/doc/index.md) support, only used messages are extracted to JavaScript locales
- [Menu component extension](https://github.com/Carrooi/Nette-Menu)
- [Monolog extension](https://github.com/Kdyby/Monolog) for simple logging to various targets
- [Git hooks](https://www.npmjs.com/package/husky) mapped to gulp tasks
- [SVG icons](https://github.com/webrouse/n-sandbox/wiki/Icons)
- Favicon and touch icons generation from SVG

Documentation
-------------

[](#documentation)

[Wiki](https://github.com/webrouse/n-sandbox/wiki) explains how to use present technologies and tools.

Contributing
------------

[](#contributing)

Any improvements to the code or documentation are welcome.

The goal is to create a skeleton that allows comfortable development without affecting the application speed.

Todo
----

[](#todo)

Create test for each Gulp task with [shunit2](https://github.com/kward/shunit2).

License
-------

[](#license)

Nette: New BSD License or GPL 2.0 or 3.0

###  Health Score

25

—

LowBetter than 36% of packages

Maintenance18

Infrequent updates — may be unmaintained

Popularity15

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity49

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.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3187d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/87a255ed85b88822ef9f611bddf70b5a44f8c7f4c68b27f897b7e68116f7e0d5?d=identicon)[webrouse](/maintainers/webrouse)

---

Top Contributors

[![michaljurecko](https://avatars.githubusercontent.com/u/19371734?v=4)](https://github.com/michaljurecko "michaljurecko (11 commits)")

### Embed Badge

![Health badge](/badges/webrouse-n-sandbox/health.svg)

```
[![Health](https://phpackages.com/badges/webrouse-n-sandbox/health.svg)](https://phpackages.com/packages/webrouse-n-sandbox)
```

PHPackages © 2026

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