diff --git a/.gitignore b/.gitignore
index b0b94d2..271ee76 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,5 @@ elm-stuff
 node_modules
 dist/app.js
 yarn.lock
-package-lock.json
\ No newline at end of file
+package-lock.json
+result
diff --git a/dist/app.html b/dist/index.html
similarity index 96%
rename from dist/app.html
rename to dist/index.html
index 02e49e7..1962b2c 100644
--- a/dist/app.html
+++ b/dist/index.html
@@ -9,7 +9,7 @@
 </head>
 <body>
 	<script src="https://unpkg.com/elm-canvas/elm-canvas.js"></script>
-  <script>
+  <script defer>
   var app = Elm.Main.init({
     flags: {
       userAgent: navigator.userAgent
diff --git a/flake.lock b/flake.lock
new file mode 100644
index 0000000..a0212c2
--- /dev/null
+++ b/flake.lock
@@ -0,0 +1,42 @@
+{
+  "nodes": {
+    "flake-utils": {
+      "locked": {
+        "lastModified": 1649676176,
+        "narHash": "sha256-OWKJratjt2RW151VUlJPRALb7OU2S5s+f0vLj4o1bHM=",
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "rev": "a4b154ebbdc88c8498a5c7b01589addc9e9cb678",
+        "type": "github"
+      },
+      "original": {
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "type": "github"
+      }
+    },
+    "nixpkgs": {
+      "locked": {
+        "lastModified": 1649619156,
+        "narHash": "sha256-p0q4zpuKMwrzGF+5ZU7Thnpac5TinhDI9jr2mBxhV4w=",
+        "owner": "NixOS",
+        "repo": "nixpkgs",
+        "rev": "e7d63bd0d50df412f5a1d8acfa3caae75522e347",
+        "type": "github"
+      },
+      "original": {
+        "id": "nixpkgs",
+        "ref": "nixos-21.11",
+        "type": "indirect"
+      }
+    },
+    "root": {
+      "inputs": {
+        "flake-utils": "flake-utils",
+        "nixpkgs": "nixpkgs"
+      }
+    }
+  },
+  "root": "root",
+  "version": 7
+}
diff --git a/flake.nix b/flake.nix
new file mode 100644
index 0000000..730c0fe
--- /dev/null
+++ b/flake.nix
@@ -0,0 +1,58 @@
+{
+  description = "Proof of concept API usage and canvas in Elm";
+
+  inputs = {
+    nixpkgs.url = "nixpkgs/nixos-21.11";
+
+    flake-utils = {
+      url = "github:numtide/flake-utils";
+      inputs.nixpkgs.follows = "nixpkgs";
+    };
+  };
+  outputs = { self, flake-utils, nixpkgs }:
+  flake-utils.lib.eachSystem [
+    "aarch64-linux"
+    "aarch64-darwin"
+    "i686-linux"
+    "x86_64-darwin"
+    "x86_64-linux"
+  ]
+  (system: let
+    pkgs = import nixpkgs { inherit system; }; 
+  in rec {
+    defaultApp = apps.host-with-webserver;
+    apps.host-with-webserver = {
+      type = "app";
+      program = "${pkgs.devd}/bin/devd -l ${packages.google-handwriting-api-elm}/";
+    };
+
+    defaultPackage = packages.google-handwriting-api-elm;
+    packages.google-handwriting-api-elm = pkgs.stdenv.mkDerivation {
+      name = "google-handwriting-api-elm";
+      version = "1.0.0";
+      src = ./.;
+
+      buildInputs = [ pkgs.elmPackages.elm ];
+      buildPhase = pkgs.elmPackages.fetchElmDeps {
+        elmPackages = import ./nix/elm-srcs.nix;
+        elmVersion = "0.19.1";
+        registryDat = ./nix/versions.dat;
+      };
+
+      installPhase = ''
+        ls
+        mkdir $out
+        cp -r dist/index.html dist/style.css $out
+
+        echo "compiling ./src/Main.elm"
+        elm make ./src/Main.elm --output $out/app.js --docs $out/share/doc/Main.json
+      '';
+    };
+
+    devShell = pkgs.mkShell {
+      buildInputs = [
+        pkgs.elm2nix
+      ];
+    };
+  });
+}
diff --git a/nix/default.nix b/nix/default.nix
new file mode 100644
index 0000000..15fce40
--- /dev/null
+++ b/nix/default.nix
@@ -0,0 +1,53 @@
+{ nixpkgs ? <nixpkgs>
+, config ? {}
+}:
+
+with (import nixpkgs config);
+
+let
+  mkDerivation =
+    { srcs ? ./elm-srcs.nix
+    , src
+    , name
+    , srcdir ? "./src"
+    , targets ? []
+    , registryDat ? ./registry.dat
+    , outputJavaScript ? false
+    }:
+    stdenv.mkDerivation {
+      inherit name src;
+
+      buildInputs = [ elmPackages.elm ]
+        ++ lib.optional outputJavaScript nodePackages.uglify-js;
+
+      buildPhase = pkgs.elmPackages.fetchElmDeps {
+        elmPackages = import srcs;
+        elmVersion = "0.19.1";
+        inherit registryDat;
+      };
+
+      installPhase = let
+        elmfile = module: "${srcdir}/${builtins.replaceStrings ["."] ["/"] module}.elm";
+        extension = if outputJavaScript then "js" else "html";
+      in ''
+        mkdir -p $out/share/doc
+        ${lib.concatStrings (map (module: ''
+          echo "compiling ${elmfile module}"
+          elm make ${elmfile module} --output $out/${module}.${extension} --docs $out/share/doc/${module}.json
+          ${lib.optionalString outputJavaScript ''
+            echo "minifying ${elmfile module}"
+            uglifyjs $out/${module}.${extension} --compress 'pure_funcs="F2,F3,F4,F5,F6,F7,F8,F9,A2,A3,A4,A5,A6,A7,A8,A9",pure_getters,keep_fargs=false,unsafe_comps,unsafe' \
+                | uglifyjs --mangle --output $out/${module}.min.${extension}
+          ''}
+        '') targets)}
+      '';
+    };
+in mkDerivation {
+  name = "elm-app-0.1.0";
+  srcs = ./elm-srcs.nix;
+  src = ./.;
+  targets = ["Main"];
+  srcdir = "./src";
+  outputJavaScript = false;
+}
+
diff --git a/nix/elm-srcs.nix b/nix/elm-srcs.nix
new file mode 100644
index 0000000..ccdb87e
--- /dev/null
+++ b/nix/elm-srcs.nix
@@ -0,0 +1,72 @@
+{
+
+      "mpizenberg/elm-pointer-events" = {
+        sha256 = "16s14sh01g6ssabwkf2k1xdxnahnkn0s7603cg87wd0h4myg15da";
+        version = "4.0.2";
+      };
+
+      "elm/json" = {
+        sha256 = "0kjwrz195z84kwywaxhhlnpl3p251qlbm5iz6byd6jky2crmyqyh";
+        version = "1.1.3";
+      };
+
+      "elm/regex" = {
+        sha256 = "0lijsp50w7n1n57mjg6clpn9phly8vvs07h0qh2rqcs0f1jqvsa2";
+        version = "1.0.0";
+      };
+
+      "elm/html" = {
+        sha256 = "1n3gpzmpqqdsldys4ipgyl1zacn0kbpc3g4v3hdpiyfjlgh8bf3k";
+        version = "1.0.0";
+      };
+
+      "elm/browser" = {
+        sha256 = "0nagb9ajacxbbg985r4k9h0jadqpp0gp84nm94kcgbr5sf8i9x13";
+        version = "1.0.2";
+      };
+
+      "avh4/elm-color" = {
+        sha256 = "0n16wnvp87x9az3m5qjrl6smsg7051m719xn5d244painx8xmpzq";
+        version = "1.0.0";
+      };
+
+      "elm/core" = {
+        sha256 = "19w0iisdd66ywjayyga4kv2p1v9rxzqjaxhckp8ni6n8i0fb2dvf";
+        version = "1.0.5";
+      };
+
+      "elm/http" = {
+        sha256 = "008bs76mnp48b4dw8qwjj4fyvzbxvlrl4xpa2qh1gg2kfwyw56v1";
+        version = "2.0.0";
+      };
+
+      "elm/time" = {
+        sha256 = "0vch7i86vn0x8b850w1p69vplll1bnbkp8s383z7pinyg94cm2z1";
+        version = "1.0.0";
+      };
+
+      "joakin/elm-canvas" = {
+        sha256 = "0g4bpv4mbwf3fbpxc0w95h3v9n9ss80l9da3gjn78ymmk41jga5z";
+        version = "4.2.1";
+      };
+
+      "elm/bytes" = {
+        sha256 = "02ywbf52akvxclpxwj9n04jydajcbsbcbsnjs53yjc5lwck3abwj";
+        version = "1.0.8";
+      };
+
+      "elm/file" = {
+        sha256 = "1rljcb41dl97myidyjih2yliyzddkr2m7n74x7gg46rcw4jl0ny8";
+        version = "1.0.5";
+      };
+
+      "elm/url" = {
+        sha256 = "0av8x5syid40sgpl5vd7pry2rq0q4pga28b4yykn9gd9v12rs3l4";
+        version = "1.0.0";
+      };
+
+      "elm/virtual-dom" = {
+        sha256 = "0q1v5gi4g336bzz1lgwpn5b1639lrn63d8y6k6pimcyismp2i1yg";
+        version = "1.0.2";
+      };
+}
diff --git a/nix/versions.dat b/nix/versions.dat
new file mode 100644
index 0000000..51b4689
Binary files /dev/null and b/nix/versions.dat differ
