Node.js, Express.js, Handlebars

Description

Simple boilerplate to start a project in:

• Node.js as a Javascript server
• Express.js as a web application framework for Node
• Handlebars as a views engine
• SASS as CSS preprocessor
• livereload together with SASS, to see changes live, automatic compilations, and browser refresh, for a better work flow in development mode.

This boilerplate is useful to build simple, static, no database websites.

Each file in the project uses ES6 syntax, including the server files. Note the entry "type":"module" in package.json, which tells Node that the main file is a Javascript Module.

How to use it

• Fork this repo
• Clone yoru forked repo into your local directory
• Go to the repo in your local directory npm install npm start
• Open localhost:3001 in the browser

You should see this:

Development Mode, SASS and livereload

• This boilerplate uses SASS as a preprocessor
• The SCSS files you want to edit are in ./scss folder
• npm run sass to compile your scss into css (final styles compiled in public/css) and watch for any change in the scss files
• npm run watch changes for any changes using nodemon. It excludes the public folder since this one is handled by livereload.
• For development mode, run npm run dev which runs npm run sass & npm run watch This will start the application and WATCH for any change. In case a scss file changes, it will automatically compile the change into CSS, save it in public/css, and reload the browser using livereload.
• For livereload configuration, check .middleware/livereload.js

Developer

Monica Saiz
Monica's Github