Cinder Plate

screenshot of Cinder Plate
express

Brunch.io skeleton with CoffeeScript, SASS, template pre-compilation, production and development builds

Overview

Cinder Plate is an innovative skeleton designed specifically for Ember.js applications, utilizing Brunch as its build tool. It stands out by employing CoffeeScript and SASS to create a modern development environment that separates concerns in a way that enhances code organization and maintainability. Unlike conventional approaches that embed Handlebars templates in the index.html, Cinder Plate stores them in separate files and pre-compiles them, making for a cleaner separation of application logic and views.

Whether you are looking to quickly start a new Ember.js application or seeking an efficient way to prepare your application for production, Cinder Plate simplifies the process. Its capability to automatically generate a production build with minified JavaScript and CSS files ensures that your app is optimized for performance right out of the box.

Features

  • Seamless Integration with Ember.js: Cinder Plate is designed specifically for Ember.js, ensuring compatibility and maximizing the features of the framework.
  • Modular Structure: Handlebars templates are kept in separate files rather than being placed inline with your index.html, promoting cleaner code management.
  • Pre-compiled Templates: Templates are pre-compiled, which enhances performance during runtime and reduces rendering latency.
  • Automated Development Workflow: Brunch’s features allow for automatic rebuilding and watching for changes, streamlining the development process.
  • Production Build Generation: Easily generate a production build with minified JS and CSS files, ensuring that your application is optimized for end-users.
  • Configurable Setup: Flexibility to specify different configuration files for production builds, adapting to varying environmental needs.
  • Built-in Server Option: A simple server can be launched with Brunch, allowing for easy local development and testing.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.