StaticMatic: Build and Deploy
1: Build static websites using modern dynamic tools:
2: Deploy to Amazon S3:
$ staticmatic s3_deploy
3: Profit (due to low hosting fees :P)
In other words:
StaticMatic build StaticMatic deploy src/ ==> build/ ==> mywebsite.com/ index.haml ==> index.html ==> index.html style.sass ==> style.css ==> style.css js/ ==> js/ ==> js/ app.coffee ==> app.js ==> app.js img/ ==> img/ ==> img/ logo.png ==> logo.png ==> logo.png
$ gem install staticmatic2
Setup a new project:
$ staticmatic init my-project
This will give you a basic skeleton:
my-project/ src/ _layouts/ default.haml _partials/ example.haml index.haml
Preview your static website:
$ cd my-project $ staticmatic preview Site root is: . StaticMatic Preview Server Ctrl+C to exit ...
Visit http://localhost:3000 to view your website in action.
$ staticmatic build
This will convert everything into a freshly generated
build/ folder, 100% static.
If you have an Amazon S3 account and want to deploy to your bucket, run the following command:
# NOTE: You must be in the root folder of your project $ staticmatic s3_deploy
If you haven't deployed your current project to Amazon yet, it will prompt you to create a config file. Edit this file to include your credentials, run the command again, and you're set.
Super Special Awesome Quick Start Booster
$ staticmatic add js-app git://github.com/mindeavor/staticmatic-js-app-starter.git $ staticmatic init my-new-project --skeleton=js-app
The first line stores a named reference to a repository of your choosing. You only need to do this once.
The second line clones the referenced repository into a freshly created
my-new-project folder, as well as removes the
.git/ folder so you can do your own
git init. Convenient!
<my-project>/ src/ _helpers/ _layouts/ _partials/
_helpersfolder is where you place your custom Haml helpers
_layoutsfolder is where layout files will be searched for. These files must contain a
_partialsfolder is the last place partial files will be searched for. Any partial in this folder should not be prefixed with an underscore _
USEFUL: Any file or folder prefixed with an underscore _ will not be copied into the generated
site/ folder, nor will they be converted by haml, coffeescript, etc
Partials are searched for in the following order:
- The file's current directory (the file must be prefixed with an underscore in this case)
# Searches for the default rendering engine file type (by default, it is haml) = partial 'sidebar' # Equivalent to the above statement = partial 'sidebar.haml' # Directly inserts html file = partial 'help-content.html' # Use your own directory structure = partial 'blog-content/2011/vacation.markdown'
Force the browser to ignore its cache whenever you damn well feel like it:
Roadmap / TODO list
- Fix slowness of executable (built on Thor; maybe reconsider?)
- Create a cache that monitors what files have changed in between Amazon S3 uploads to reduce unnecessary uploads
- Integrate sprockets both for building and for previewing (probably as an option flag)
- Change rendering and yielding syntax to rails syntax
- Create a command that converts a staticmatic project to a rails project