js-stack-from-scratch - 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.

•    Javascript

---

Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch. This is a straight-to-the-point guide to assembling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch. Since the goal of this tutorial is to assemble various tools, I do not go into details about how these tools work individually. Refer to their documentation or find other tutorials if you want to acquire deeper knowledge in them.

tutorial stack react redux webpack flow yarn eslint sinon immutablejs jest react-router bootstrap socket-io heroku jss pm2 nodemon server-side-rendering

docker-compose-nodejs-examples - Finally some real world examples on getting started with Docker Compose and Nodejs

•    Javascript

---

Docker Compose is an awesome tool for creating isolated development environments with Docker by using simple configurations with YAML. It's clean and easy enough to wrap your head around, even if you are new to Docker. Even though, the official website is lacking some practial, real world examples for getting started with Docker Compose and Nodejs. I hope the following real world examples will save you from some headache (like I had) while trying to figure out how to (pragmatically) use Docker Compose for your Nodejs apps.

docker docker-compose node nodejs express redis nodemon gulp grunt

katon - (use hotel instead)

•    Javascript

---

Note except if you need a particular feature in katon, please use hotel. Hotel is cross-platform and doesn't require admin privileges to be installed.katon is a development tool that makes dev servers accessible on beautiful local .ka domains. It also autostarts/stops them for you.

node pow nodemon development dev .ka local automatic server start restart reload

hihat - :tophat: local Node/Browser development with Chrome DevTools

•    Javascript

---

Runs a source file in a Chrome DevTools process. Saving the file will reload the tab.This is useful for locally unit testing browser code with the full range of Web APIs (WebGL, WebAudio, etc). It provides access to profiling, debugger statements, network requests, and so forth.

chrome app dev tools nodemon browser window chromium blink webgl test testing node mon monitor live reload local development reloading hot fast rapid

grunt-nodemon - Grunt task to run nodemon

•    Javascript

---

Note that using the callback config above assumes you have open installed and are injecting a LiveReload script into your HTML file(s). You can use grunt-inject to inject the LiveReload script. Script that nodemon runs and restarts when changes are detected.

gruntplugin nodemon server

babel-watch - Reload your babel-node app on JS source file changes. And do it fast.

•    Javascript

---

Reload your babel-node app on JS source file changes. And do it fast. If you're tired of using babel-node together with nodemon (or similar solution). The reason why the aforementioned setup performs so badly is the startup time of babel-node itself. babel-watch only starts babel in the "master" process where it also starts the file watcher. The transpilation is performed in that process too. On file-watcher events, it spawns a pure node process and passes transpiled code from the parent process together with the source maps. This allows us to avoid loading babel and all its deps every time we restart the JS script/app.

babel nodemon babel-node watch

pocky - rollup + nodemon = pocky

•    Javascript

---

To build your app, run pocky build instead.By default it uses babel-preset-pocky which targets your system node version.

rollup nodemon nodejs

nodemon-webpack-plugin - A webpack plugin that uses Nodemon to start and reload the server.

•    Javascript

---

Uses Nodemon to watch and restart your module's output file, but only when webpack is in watch mode (ie, --watch). Saves the need for installing, configuring and running Nodemon as a seperate process.

webpack-plugin nodemon server node webpack plugin start watch restart

PM2.5

•    Javascript

---

PM25 is a production process manager for Node.js / io.js applications with a built-in load balancer. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks. PM25 is constantly assailed by more than 400 tests.

cli fault-tolerant sysadmin tools pm2 logs log json express hapi kraken reload microservice programmatic harmony node-pm2 production keymetrics deploy deployment daemon supervisor nodemon pm2.io ghost ghost-production monitoring process-manager forever forever-monitor keep-process-alive process-configuration clustering cluster-cli cluster cron devops dev-ops

pm.sh - pm2 in 1 shellscript without the fat + git webhooksupport (bitbucket/github/CI)

•    Shell

---

Philosophy: #unixy, #lightweight, #webhooks, #nodependencies, #docker, #commandline, #minimal, #github, #bitbucket Basically it's pm2 without the fat, and ps+flock wrapped in bash. Automatically update your running application ('app1' for example) when you push to Github/Bitbucket.

pm2 pm.sh nodemon unix process lightweight minimal ps process-manager process-management

express-reload - Automatic hot reload express.js server

•    Javascript

---

Automaticly reload your express.js server without bringing down the server. This is really useful because it will hot reload instead of waiting for the whole node.js process to restart.

reload nodemon express

generator-hasura-node

•    Javascript

---

Builds a simple scaffold to make a server app using Express. Includes Babel, ESLint and Nodemon for reloading. First, install Yeoman and generator-hasura-node using npm (we assume you have pre-installed node.js).

hasura express nodemon babel eslint scaffold yeoman-generator

express-starter - An opinionated Typescript starter setup for Express + Pino, deployable with Docker and PM2

•    TypeScript

---

/ - Endpoint for static/index.html. Static assets are served from static/. Note that in production, usage of Express as a static asset server is discouraged, as it is much more efficient to use NGINX to serve static content, and to use Express only as an API server.

express node pm2 nodemon starter typescript docker-image

Backend-Starter-Kit - :truck: A boilerplate for Node

•    Javascript

---

🚚 A boilerplate for Node.js, Express, Mongoose, Heroku, mLab, Nodemon, PM2, and Babel. Set your local environment variables.

nodejs express mongoose heroku mlab nodemon pm2 babel node.js