sashaafm
How to use the blogs section
You can post links to your blog posts either in one of the Official Blog Posts threads (like this one), or, via Devtalk.com. If you post via Devtalk we will automatically cross-post your blog post here in our Blog Posts section for each blog post (so one thread for each blog post) so long as you have an account with the same username and primary email address on both forums. We also remove the rel-nofollow attribute when your link appears on our homepage on Devtalk, so great for your SEO! 
If posting via Devtalk be sure to:
- Ensure your account on Devtalk.com has the same username and primary email as your account here
- Initiate thread creation in one of the Blog Posts sections (for Elixir/Phoenix that may be in the Back End category, or for LiveView it could be the Front End category).
- On thread creation paste the URL of your blog post in the TITLE field (once the URL appears in the body field below you can then change the title to whatever you like)
- Include a short summary of your blog post then post the link on a separate line (here’s an example)
- Include the
Elixirandblog-posttags (as well asPhoenix,Nerves,LiveViewetc if applicable)
It will then create a thread on Devtalk and then automatically cross-post here under your account 
Edit: Please note you will need to be at TL1 over at Devtalk (usually takes about 15 minutes of browsing) for the link being pasted in the title bar to work - however if you PM @astonj he’ll manually bump you up to TL1 
Please see this announcement for the full details: Calling all BEAM Bloggers!
Where Next?
Trending in Blog Posts
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Producing high quality Elixir screencasts since 2017.
**Building the future of software with AI, trust, and human connection.**
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 61 to 70- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
alvises
Creating Thumbnails of uploaded Images and PDF in Phoenix
In this article I start from what built in Step-by-Step Tutorial to Build a Phoenix App that Supports User Upload. We see how to integrate ImageMagick and the Mogrify wrapper in the last article Phoenix app, to create thumbnails for image and PDF files.
As always any kind of feedback or question is more than welcome!
alvises
Add a Progress Bar in the Phoenix File Upload app
in the previous articles we’ve seen how to build a small Phoenix app that processes user uploads, creating thumbnails for images and PDFs.
The problem with the current app is that nothing is shown during the upload, which is maybe ok while testing the app in localhost (the upload was fast also with big files). But in the real world an upload could last minutes.. or even hours.
So in this part we focus on the front-end and see how to use JavaScript to upload a file while animating a progress bar.
At first we see how to add jQuery to our Phoenix app and using it in our JavaScript files. We then see how to use jQuery to upload a file and listen to progress events to update an HTML5 progress bar.
johninvictus
Learn about custom ecto types.
https://invictusbytes.blogspot.com/2019/06/how-to-create-elixir-ecto-custom-type.html
alvises
Phoenix LiveView pushState support – Change the URL without refreshing the page
t’s now possible to try the LiveView pushState support! Just few days ago Chris McCord (creator of Phoenix) made it available in the LiveView master branch!
But.. What is pushState? and why can be useful?
With Phoenix LiveView we can easily update parts of the page without having to change the location, refreshing the page or directly use JavaScript.
But when the page’s content changes, the URL remains the same, making it difficult for a user to bookmark or share the current page state.
The LiveView pushState support solves exactly this - while changing the page content we can now dynamically update the URL without a page refresh.
griffinbyatt
I started a series about Phoenix Internals a couple of months ago, and just published part two! This one covers routers: The Phoenix Router | Griffin Byatt
johninvictus
Yet another article on working with elixir tasks.
alvises
Phoenix LiveView
live_linkA quick article (and screencast) still related to the LiveView pushState. The previous one was mainly focused on
live_redirect.We now see how to refactor the code with
live_linkgetting simpler code and less messages exchanged between LiveView and our browser.alvises
Using Select2 with Phoenix LiveView
LiveView doesn’t support JavaScript interop at the moment (but it’s a planned feature), so in this article we see how to come up with a workaround to make LiveView playing together with a JavaScript library like Select2.
We see how to take advantage of
phx:update events, which LiveView dispatches every time it updates the DOM. Then we see how to send events to the server usingliveSocket.albydarned
I’ve had similar issue keeping a JS library component initialized but have been too lazy to figure it out! Thank you for posting!
alvises
Hey everyone
After few busy months, I’m super happy to be back posting content weekly, starting with the first of a series of episodes for who wants to explore Phoenix LiveView and start building real-time web apps.