Forward requests to node

assets/lib/initApollo.js

@@ -14,7 +14,7 @@ function create(initialState) {
     ssrMode: !process.browser, // Disables forceFetch on the server (so queries are only run once)
     dataIdFromObject: o => o.id,
     networkInterface: createNetworkInterface({
-      uri: 'http://localhost:4000/graphql', // Server URL (must be absolute)
+      uri: '/graphql', // Server URL (must be absolute)
       opts: {
         // Additional fetch() options like `credentials` or `headers`
         credentials: 'same-origin',

bin/heroku_compile_assets

@@ -8,11 +8,11 @@
 # See phoenix_static_buildpack.config for a little more context.
 
 cd $assets_dir
-MIX_ENV=prod ./node_modules/webpack/bin/webpack.js --progress --color;
+yarn build
 
 cd ../
 mix "${phoenix_ex}.digest"
 
 # We don't need the asset files after compile. This helps keep
 # the heroku slug size down.
-rm -rf $assets_dir
+#rm -rf $assets_dir

config/config.exs

@@ -22,6 +22,9 @@ config :logger, :console,
   format: "$time $metadata[$level] $message\n",
   metadata: [:request_id]
 
+config :reverse_proxy,
+  upstreams: %{"localhost:4001" => ["http://localhost:4001"]}
+
 # Import environment specific config. This must remain at the bottom
 # of this file so it overrides the configuration defined above.
 import_config "#{Mix.env}.exs"

config/prod.exs

@@ -18,7 +18,10 @@ config :picape, PicapeWeb.Endpoint,
   url: [scheme: "https", host: System.get_env("HOST"), port: 443],
   force_ssl: [rewrite_on: [:x_forwarded_proto]],
   cache_static_manifest: "priv/static/cache_manifest.json",
-  secret_key_base: System.get_env("SECRET_KEY_BASE")
+  secret_key_base: System.get_env("SECRET_KEY_BASE"),
+  watchers: [
+      bash: ["../bin/spawn_execute.sh", "node", "node_modules/next/dist/bin/next-start", "-p", "4001",
+              cd: Path.expand("../assets", __DIR__)]]
 
 config :picape, Picape.Repo,
   adapter: Ecto.Adapters.Postgres,

lib/picape/application.ex

@@ -17,7 +17,7 @@ defmodule Picape.Application do
       supervisor(Absinthe.Subscription, [PicapeWeb.Endpoint]),
       # Start your own worker by calling: Picape.Worker.start_link(arg1, arg2, arg3)
       # worker(Picape.Worker, [arg1, arg2, arg3]),
-      supervisor(ConCache, [[ttl: :timer.hours(5)], [name: :supermarket]])
+      supervisor(ConCache, [[ttl: :timer.hours(5)], [name: :supermarket]]),
     ]
 
     # See http://elixir-lang.org/docs/stable/elixir/Supervisor.html

lib/picape_web/router.ex

@@ -9,26 +9,12 @@ defmodule PicapeWeb.Router do
     plug :put_secure_browser_headers
   end
 
-  pipeline :api do
-    plug :accepts, ["json"]
-  end
-
-  # scope "/", PicapeWeb do
-  #   pipe_through :browser # Use the default browser stack
-  # end
-
-  # Other scopes may use custom stacks.
-  scope "/api", PicapeWeb do
-    pipe_through :api
-
-    get "/", PageController, :index
-  end
-
   forward "/graphql", Absinthe.Plug, schema: PicapeWeb.Graphql.Schema
   forward "/graphiql", Absinthe.Plug.GraphiQL,
     schema: PicapeWeb.Graphql.Schema,
     socket: PicapeWeb.UserSocket,
     interface: :simple
+  forward "/", ReverseProxy, upstream: ["localhost:4001"]
 
   if Mix.env == :dev do
     scope "/dev" do

mix.exs

@@ -44,6 +44,7 @@ defmodule Picape.Mixfile do
      {:gettext, "~> 0.11"},
      {:cowboy, "~> 1.0"},
      {:swoosh, "~> 0.7"},
+     {:reverse_proxy, "~> 0.3.1"},
      {:poison, "~> 2.0"},
      {:httpoison, "~> 0.12"},
      {:credo, "~> 0.7", only: [:dev, :test]},

mix.lock

@@ -39,6 +39,7 @@
   "poolboy": {:hex, :poolboy, "1.5.1", "6b46163901cfd0a1b43d692657ed9d7e599853b3b21b95ae5ae0a777cf9b6ca8", [:rebar], [], "hexpm"},
   "postgrex": {:hex, :postgrex, "0.13.3", "c277cfb2a9c5034d445a722494c13359e361d344ef6f25d604c2353185682bfc", [:mix], [{:connection, "~> 1.0", [hex: :connection, repo: "hexpm", optional: false]}, {:db_connection, "~> 1.1", [hex: :db_connection, repo: "hexpm", optional: false]}, {:decimal, "~> 1.0", [hex: :decimal, repo: "hexpm", optional: false]}], "hexpm"},
   "ranch": {:hex, :ranch, "1.3.2", "e4965a144dc9fbe70e5c077c65e73c57165416a901bd02ea899cfd95aa890986", [:rebar3], [], "hexpm"},
+  "reverse_proxy": {:hex, :reverse_proxy, "0.3.1", "8aef287c5ea321c4af4a87945129a3278d4dee43b238e2497a45115b9254810c", [], [{:cowboy, "~> 1.0", [hex: :cowboy, repo: "hexpm", optional: false]}, {:httpoison, "~> 0.9", [hex: :httpoison, repo: "hexpm", optional: false]}, {:plug, "~> 1.2", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm"},
   "slime": {:hex, :slime, "0.16.0", "4f9c677ca37b2817cd10422ecb42c524fe904d3630acf242b81dfe189900272a", [:mix], [], "hexpm"},
   "ssl_verify_fun": {:hex, :ssl_verify_fun, "1.1.1", "28a4d65b7f59893bc2c7de786dec1e1555bd742d336043fe644ae956c3497fbe", [:make, :rebar], [], "hexpm"},
   "swoosh": {:hex, :swoosh, "0.8.1", "1d169e4b377095feba9b4456dac446155b11cde57f3a612c37035f073104f6f8", [:mix], [{:cowboy, "~> 1.0", [hex: :cowboy, repo: "hexpm", optional: true]}, {:gen_smtp, "~> 0.11", [hex: :gen_smtp, repo: "hexpm", optional: true]}, {:hackney, "~> 1.6", [hex: :hackney, repo: "hexpm", optional: false]}, {:mime, "~> 1.1", [hex: :mime, repo: "hexpm", optional: false]}, {:plug, "~> 1.1", [hex: :plug, repo: "hexpm", optional: true]}, {:poison, "~> 1.5 or ~> 2.0 or ~> 3.0", [hex: :poison, repo: "hexpm", optional: false]}], "hexpm"},