Crystal is a typed, LLVM compiled language that reads (mostly) as Ruby. It's a modern language that comes bundled with support for WebSockets, OAuth and other niceties.

Even at its early stage, there are already more than a couple web frameworks gaining popularity in the community. We're going to use Amethyst, which is currently the most popular one (as far as GitHub stars go).

Getting the dependencies

You should be able to find out how to install Crystal on your system, on the official website. Once you have it installed you'll need to create a new directory for the project and create a file that lists Amethyst as a dependency.

$ mkdir hello_subvisual
$ cd hello_subvisual
$ touch Projectfile

The Projectfile is Crystal's equivalent to Ruby's Gemfile or NPM's package.json, and it should have the following content:

deps do
  github "Codcore/amethyst"
  github "spalger/crystal-mime"
end

Make sure you use double quotes around the repository names, because there are no single quoted strings in Crystal.

At the moment of writing there is no central repository for Crystal libraries (which are called shards). They all just "live" on GitHub repositories. Also, it does not handle recursive dependencies, that's why we need to specify crystal-mime as a dependency. This should be fixed soon enough, but if you wish to know more about the project trying to solve these issues, follow shards on GitHub.

To fetch the listed dependencies, run crystal deps. This will create a libs directory that contains the source files of the cloned repositories, alongside with a .deps.lock file, a .deps and a .crystal directories. They are all needed for Crystal to function properly, but you shouldn't have to worry too much about them.

Great! You are now ready to start developing your application.

My first Crystal web application

The focus of this article is not to explain how Amethyst works, they do a pretty good job at that themselves, in the project's README. We will just copy their hello world example and use that as our application, modifying only the name we are greeting. We'll call it app.cr and here's how it should look like:

require "amethyst"

class WorldController < Base::Controller
  actions :hello

  view "hello", "#{__DIR__}/views"
  def hello
    @name = "Subvisual"
    respond_to do |format|
      format.html { render "hello" }
    end
  end
end

class HelloWorldApp < Base::App
  routes.draw do
    all "/",      "world#hello"
    get "/hello", "world#hello"
    register WorldController
  end
end

app = HelloWorldApp.new
app.serve

That takes care of routing, the controller and starting the app. The only missing link for a functional application is the view, which should live under views/hello.ecr, where ecr stands for embedded crystal, and allows us to write HTML with some sprinkles of Crystal. Your view can be as simple as:

Hello, <%= name %>

Finally, you should be able to run it with crystal app.cr and access it at http://localhost:8080.

Going live

We are now at a point where we can create an application on Heroku. If you haven't yet done it, create an account on Heroku and install the Heroku Toolbelt.

Crystal is not supported out of the box by Heroku, so we'll need to use a custom buildpack. You can use the one I created, that uses the latest version of Crystal:

$ heroku create subvisual-hello --buildpack https://github.com/zamith/heroku-buildpack-crystal

Heroku needs to be able to set the port our app runs on, and the buildpack assumes it accepts a --port PORT option. We can add that to our code easily enough.

require "amethyst"
require "option_parser"

class WorldController < Base::Controller
...
end

class HelloWorldApp < Base::App
...
end

server_port = 8080
OptionParser.parse! do |opts|
  opts.on("-p PORT", "--port PORT", "define port to run server") do |port|
    server_port = port.to_i
  end
end
app = HelloWorldApp.new
app.serve(server_port)

All that's left is to create a git repository, add the Heroku remote and push it there. Don't forget to add .deps, .crystal and libs to .gitignore.

$ git init
$ heroku git:remote -a subvisual-hello
$ git add -A
$ git commit -m "My first Crystal app"
$ git push heroku master

And that's it. You can visit your application's URL and see it live.

More on Crystal

If you liked Crystal and want to know more, watch my talk on Eurucamp 2015.