Elixir Today: Deploying Phoenix App on Heroku

Photo by Sean Pollock on Unsplash

Elixir Today: Deploying Phoenix App on Heroku

Pau Riosa's photo
Pau Riosa
ยทMay 17, 2022ยท

2 min read

Subscribe to my newsletter and never miss my upcoming articles

1. Create an app using Phoenix Framework

> mix phx.new app-name
> mix ecto.create
> mix ecto.migrate
> npm install --prefix assets

2. Initialize local and remote Repository

> git init
> git add .
> git commit -m "Initial commit"
> git remote set-url origin <url>
> git push -U main

3. Sign up for a Heroku Account

4. Install Heroku CLI

5. Create and Setup a Heroku App

In your terminal.

  • via browser
> heroku login
  • via CLI
> heroku login -i

create heroku app

> heroku create

In your phoenix app directory

> heroku git:remote -a < heroku-app-name >

In your phoenix app directory

> heroku create --buildpack hashnuke/elixir

Create a new file elixir_buildpack.config in your app home folder and write this code. Be vigilant with your elixir and erlang versions.


# Elixir version
elixir_version=1.12.2

# Erlang version
# https://github.com/HashNuke/heroku-buildpack-elixir-otp-builds/blob/master/otp-versions
erlang_version=24.0.3

Create a Procfile and write this code

web: mix phx.server

At this moment, we are going to use Node, npm and Phoenix Static buildpack


> heroku buildpacks:add https://github.com/gjaldon/heroku-buildpack-phoenix-static.git

Buildpack added. Next release on < app-name > will use:
  1. https://github.com/HashNuke/heroku-buildpack-elixir.git
  2. https://github.com/gjaldon/heroku-buildpack-phoenix-static.git

Create a phoenix_static_buildpack.config file and write this code.

# Node.js version
node_version=10.20.1

Making our Project Ready for Heroku

Refer on the Phoenix Document

Create Env variables on Heroku

Refer on the Phoenix Document

Deploy Time

> git add .
> git commit -m "deployment time"
> git push 
> git push heroku main

References

Phoenix Framework Docs Heroku Docs

Did I lack something on this write up? comment down below.

Happy Coding!

ย 
Share this