<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="79464" data-post-id="79464">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="jswny" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/jswny/120/18428_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  jswny
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Yeah for the IP address I’m sure you can just use <code>localhost</code> or <code>127.0.0.1</code> and then the port like you have since the IP is just your local machine and the correct port.</p>
<p>The point of the <code>nginx-network</code> is not even specific to NGINX itself, it’s actually just to have a Docker network setup so that the services can communicate with each other. I just named it <code>nginx-network</code> since instead of being specific to a certain app that you have deployed, it is the overall network for all of your apps since NGINX needs to communicate with all of them, so you have to have all of the apps on the same network. I think as long as your database container and app container are on the same Docker network it won’t matter what the network is called. The app container just needs to be able to communicate with the database container. Then, like I said you expose the app container’s server port to the outside world (your local machine) for HAProxy to send traffic to.</p>
<p>Let me know if that makes sense!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="79464" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/32">Post #31</a>
	                </div>
	            </div>
              <div id="likers-container-79464" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="79464"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #31"></div>
  </section>
</div>
    <div class="postbit" id="80166" data-post-id="80166">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maz" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maz/120/6075_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maz
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>so after <code>./build.sh</code> and <code>docker-compose up</code> I open <a href="http://localhost:5000" rel="noopener nofollow ugc">http://localhost:5000</a> in a browser</p>
<p>and in the log I get<br>
<code>kjvrvg-server |     ** (UndefinedFunctionError) function Mix.env/0 is undefined (module Mix is not available)</code></p>
<p>so I need to tip-off phoenix that I’m running on prod so I do:</p>
<p><code>config.exs</code>:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">config :kjvrvg,
  :environment, Mix.env()
</code></pre>
<p>but this is no change. What do I need to do to ensure that phoenix knows that I’m in a prod env and I should not use Mix?</p>
<p>also did <code>dev.exs</code>:</p>
<p>config :kjvrvg,<br>
:environment, :dev</p>
<p><code>prod.exs</code>:</p>
<p>config :kjvrvg,<br>
:environment, :prod</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">kjvrvg-server | 03:30:14.049 [info] GET /
kjvrvg-server | 03:30:14.050 [info] Sent 500 in 878µs
kjvrvg-server | 03:30:14.054 [error] #PID&lt;0.1460.0&gt; running KjvrvgWeb.Endpoint terminated
kjvrvg-server | Server: localhost:5000 (http)
kjvrvg-server | Request: GET /
kjvrvg-server | ** (exit) an exception was raised:
kjvrvg-server |     ** (UndefinedFunctionError) function Mix.env/0 is undefined (module Mix is not available)
kjvrvg-server |         Mix.env()
kjvrvg-server |         (kjvrvg) lib/kjvrvg_web/views/layout_view.ex:13: KjvrvgWeb.LayoutView.webpack_css_path/2
kjvrvg-server |         (kjvrvg) lib/kjvrvg_web/templates/layout/app.html.eex:11: KjvrvgWeb.LayoutView."app.html"/1
kjvrvg-server |         (phoenix) lib/phoenix/view.ex:332: Phoenix.View.render_to_iodata/3
kjvrvg-server |         (phoenix) lib/phoenix/controller.ex:740: Phoenix.Controller.do_render/4
kjvrvg-server |         (kjvrvg) lib/kjvrvg_web/controllers/page_controller.ex:1: KjvrvgWeb.PageController.action/2
kjvrvg-server |         (kjvrvg) lib/kjvrvg_web/controllers/page_controller.ex:1: KjvrvgWeb.PageController.phoenix_controller_pipeline/2
kjvrvg-server |         (kjvrvg) lib/kjvrvg_web/endpoint.ex:1: KjvrvgWeb.Endpoint.instrument/4
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80166" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/33">Post #32</a>
	                </div>
	            </div>
              <div id="likers-container-80166" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80166"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #32"></div>
  </section>
</div>
    <div class="postbit" id="80176" data-post-id="80176">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="BrightEyesDavid" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/BrightEyesDavid/120/25042_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  BrightEyesDavid
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>What Elixir code does <code>LayoutView.webpack_css_path/2</code> contain? The first couple of webpack/Phoenix guides I found seem to assume that the Mix module is available to conditionally link to hot-reloaded CSS/JS, but, if I understand correctly, this won’t be the case if the app is running as a release built by Distillery, as I believe you’re finding.</p>
<p>If that’s the case, can you simplify <code>LayoutView.webpack_css_path/2</code> so that it always outputs ‘/css/styles.css’ or whatever, without using <code>Mix</code>? (And the same for the JS function.)</p>
<p>I haven’t used webpack myself yet, and it’s entirely possible my post is misguided/wrong. If anyone has a link to a guide on replacing brunch with the latest version of webpack in Phoenix that works with releases, that would be great. <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80176" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/34">Post #33</a>
	                </div>
	            </div>
              <div id="likers-container-80176" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80176"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #33"></div>
  </section>
</div>
    <div class="postbit" id="80211" data-post-id="80211">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="jswny" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/jswny/120/18428_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  jswny
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Like <a class="mention" href="/u/brighteyesdavid" rel="nofollow">@BrightEyesDavid</a> said, you can’t really use <code>Mix</code> in prod since it isn’t included in the release. So, what you should do is have Webpack build to the <code>priv</code> directory in your app’s root directory (like how the default Brunch build process works). Then, Distillery will package up your <code>priv</code> directory with your release, which you can then access in your code with <code>priv_dir = Application.app_dir(:myapp, "priv")</code>. You should probably then try rewriting that <code>LayoutView.webpack_css_path/2</code> to pull from the built files in the <code>priv</code> directory.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80211" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/35">Post #34</a>
	                </div>
	            </div>
              <div id="likers-container-80211" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80211"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #34"></div>
  </section>
</div>
    <div class="postbit" id="80552" data-post-id="80552">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maz" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maz/120/6075_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maz
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>This is what it contains:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">  def webpack_js_path(conn, path) do
    if Mix.env == :dev do
      static_path(conn, path)
    else
      "//localhost:8080#{path}"
    end
  end
  
  def webpack_css_path(conn, path) do
    if Mix.env == :dev do
      static_path(conn, path)
    else
      ""
    end
  end
</code></pre>
<p>app.html.eex:<br>
<code>&lt;link rel="stylesheet" href="&lt;%= webpack_css_path(@conn, "/css/app.css") %&gt;"&gt;</code><br>
<code>&lt;script src="&lt;%= webpack_js_path(@conn, "/js/app.js") %&gt;"&gt;&lt;/script&gt;</code></p>
<p>so this is a little busted I guess, I will remove the Mix.env references, the whole if-structure and just unconditionally do:<br>
<code>"//localhost:8080/css/app.css"</code><br>
and<br>
<code>"//localhost:8080/js/app.js"</code></p>
<p>Michael</p>
<p>~~ UPDATE ~~</p>
<p>So I did the above and phoenix is up and running(!), not getting the error anymore, but I think I broke css/webpack since the page is rendering completely unstyled. would it be the <code>//localhost:8080/css/app.css</code> path syntax? I feel this is a rigid hack.<br>
here is what layout_view.ex looks like now:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">defmodule KjvrvgWeb.LayoutView do
  use KjvrvgWeb, :view

  def webpack_js_path(conn, path) do
    "//localhost:8080/js/app.js"
  end
  
  def webpack_css_path(conn, path) do
    "//localhost:8080//css/app.css"
  end

end
</code></pre>
<p>kjvrvg-server | 04:06:57.909 [info] GET /<br>
kjvrvg-server | 04:06:57.909 [info] Sent 200 in 356µs</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80552" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/36">Post #35</a>
	                </div>
	            </div>
              <div id="likers-container-80552" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80552"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #35"></div>
  </section>
</div>
    <div class="postbit" id="80613" data-post-id="80613">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="idi527" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  idi527
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group quote-modified" data-username="maz" data-post="36" data-topic="12477">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maz/48/6075_2.png" class="avatar"> maz:</div>
<blockquote>
<p>def webpack_js_path(conn, path) do<br>
if Mix.env == :dev do<br>
static_path(conn, path)<br>
else<br>
“<a href="//localhost:8080#%7Bpath%7D" rel="noopener nofollow ugc">//localhost:8080#{path}</a>”<br>
end<br>
end</p>
<p>def webpack_css_path(conn, path) do<br>
if Mix.env == :dev do<br>
static_path(conn, path)<br>
else<br>
“”<br>
end<br>
end</p>
</blockquote>
</aside>
<p>Mix.env might be not available during runtime. But you can use it during compilation</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">if Mix.env == :dev do
  def webpack_js_path(conn, path) do
    static_path(conn, path)
  end
else
  def webpack_js_path(conn, path) do
    "//localhost:8080#{path}"
  end
end
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80613" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/37">Post #36</a>
	                </div>
	            </div>
              <div id="likers-container-80613" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80613"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #36"></div>
  </section>
</div>
    <div class="postbit" id="80615" data-post-id="80615">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="BrightEyesDavid" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/BrightEyesDavid/120/25042_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  BrightEyesDavid
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Ah, that’s good to know.</p>
<p>I think the paths should be the other way around. (Static path for production.)</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80615" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/38">Post #37</a>
	                </div>
	            </div>
              <div id="likers-container-80615" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80615"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #37"></div>
  </section>
</div>
    <div class="postbit" id="80674" data-post-id="80674">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maz" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maz/120/6075_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maz
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>The site now runs, but I’m not getting any styles using hard coded paths. I’m not sure if it’s malformed paths, missing resources or if webpack-server failed to run.</p>
<pre><code>defmodule KjvrvgWeb.LayoutView do
</code></pre>
<p>use KjvrvgWeb, :view</p>
<p>def webpack_js_path(conn, path) do<br>
“<a href="//localhost:8080/js/app.js" rel="noopener nofollow ugc">//localhost:8080/js/app.js</a>”<br>
end</p>
<p>def webpack_css_path(conn, path) do<br>
“<a href="//localhost:8080//css/app.css" rel="noopener nofollow ugc">//localhost:8080//css/app.css</a>”<br>
end</p>
<p>end</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80674" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/39">Post #38</a>
	                </div>
	            </div>
              <div id="likers-container-80674" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80674"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #38"></div>
  </section>
</div>
    <div class="postbit" id="80679" data-post-id="80679">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="BrightEyesDavid" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/BrightEyesDavid/120/25042_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  BrightEyesDavid
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I’m not sure if I fully understand your post, but if this is for a release in production, I don’t think you want <code>localhost:8080</code>. My understanding is that that’s the webpack dev server, for hot reloading of assets during development.</p>
<p>Based on <a class="mention" href="/u/idi527" rel="nofollow">@idi527</a>’s reply above, try:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">if Mix.env == :prod do
  def webpack_js_path(conn, path) do
    static_path(conn, path)
  end
else
  def webpack_js_path(conn, path) do
    "//localhost:8080#{path}"
  end
end
</code></pre>
<pre data-code-wrap="elixir"><code class="lang-elixir">if Mix.env == :prod do
  def webpack_css_path(conn, path) do
    static_path(conn, path)
  end
else
  def webpack_css_path(conn, path) do
    "//localhost:8080#{path}"
  end
end
</code></pre>
<p>I think you’ll also need to ensure that webpack is outputting the assets to whatever path <code>static_path(conn, path)</code> gives, if it doesn’t already.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80679" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/40">Post #39</a>
	                </div>
	            </div>
              <div id="likers-container-80679" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80679"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #39"></div>
  </section>
</div>
    <div class="postbit" id="80721" data-post-id="80721">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maz" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maz/120/6075_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maz
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>That was it, thanks. I guess I didn’t really understand what webpack was doing.</p>
<p>Got it! Deploying phoenix 1.3 + webpack via Docker! Thanks everyone!</p>
<p>The separate HAProxy deploy ansible playbook I was talking about earlier is working too. I just need to make a separate ansible role to run <code>./build.sh</code> and <code>docker-compose up</code> and I’m good.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="80721" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/flexible-dockerized-phoenix-deployments-1-2-1-3/12477/41">Post #40</a>
	                </div>
	            </div>
              <div id="likers-container-80721" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="80721"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #40"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/12477/load_more?page=5">Load more posts (34 remaining)</a>
</div></template></turbo-stream>