Coder Social home page Coder Social logo

punch's Introduction

Punch

A Fun and Easy Way to Build Modern Websites

Punch is a simple, intuitive web publishing framework that will delight both designers and developers.

With Punch you can...

  • Use boilerplates to quickly setup a site.
  • Write minimal templates with Mustache.
  • Create flexible site structures with inheritable layouts and partials.
  • Define page contents in JSON.
  • Use Markdown to write formatted content.
  • Use CoffeeScript and LESS if that's your thing.
  • Minify and bundle assets before serving.
  • Preview changes on the fly, while you develop.
  • Set cache headers and compress responses. (play nice with CDNs)
  • Easily publish to Amazon S3 or to a custom server with SFTP.

Wait, There's more...

  • Use any data source for content (eg. Relational databases, Document stores or REST APIs).
  • Don't like Mustache? Switch to a different template engine of your choice.
  • Write helpers to add run-time behaviour.
  • Add custom content parsers, pre-compilers, minifiers and publishers.
  • Add hooks to run after generating a page or site.
  • Define your own publishing strategy.

Getting Started

  • Download and install Node.js. http://nodejs.org/#download

  • To install Punch, run npm install -g punch

  • You can create your first site by running: punch setup mysite

  • Then, go to the mysite directory and start the server: cd mysite; punch s

  • Open your browser and visit: http://localhost:9009

  • Follow the steps in hands-on tutorial.

Note: If you experience any issues in installing Punch on Windows, please read this guide.

Documentation

For complete documentation on usage & customizations, check the Punch Guide

Licence

MIT LICENSE

punch's People

Contributors

3on avatar cstrouse avatar laktek avatar prathe avatar superplussed avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.