© 2022 Hashnode
#phoenix
What is Phoenix framework ? Is this a new meta framework line Nextjs or Remix.run (https://remix.run/) ? Answer is No. Phoenix is similar to Ruby on Rails, but has been built on top of elixir programm…
This blog is about adding a Toaster message in the Phoenix LiveView application. We are going to implement this with a combination of Elixir and Javascript. Before, starting to build a toaster let's f…
A good user experience happens when an application is easy to use and with intuitive UI feedback. Nav menu bar is one the most important element in web applications, it helps users to navigate to diff…
In my previous blog, I explained how to query Graphql API using Neuron. Throughout the blog, I explained the working of Neuron on page 0. Whereas, there will be scenarios where users can have multiple…
Recently while creating my personal portfolio website abulasar.dev, I added a blog page. For that, I had fetched hashnode blogs on the page. Hashnode has exposed its blog through API. You can visit ap…
Phoenix Framework is a Web Application Framework built in Elixir. With the recent 1.6 version release, Phoenix has no nodejs dependency. Prior to that, Phoenix used webpack as the build framework for …
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 . > gi…
This Week I Learned How to instrument an Elixir/Phoenix app with Prometheus and Grafana, hosted in fly.io. Build it in production Recently I started building a new side project with Elixir and Phoenix…
https://www.youtube.com/watch?v=sJMPLoqIS7M Learn how to use Elixir/Phoenix to validate forms on the client and server-side, no Javascript code is needed thanks to the LiveView library, Tailwind C…
https://www.youtube.com/watch?v=sGvjH3H-Yfc Learn how to use Elixir/Phoenix, to create a counter without javascript, only using Elixir with the help of Phoenix LiveView, and Tailwind CSS for the u…
![Server & Client Side Forms Validations With [Elixir, Phoenix, LiveView and Tailwind CSS | No Javascript]](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1645726062569%2FqNPKuwDc6.png%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=3840&q=75)
![How To Build a [Counter with Elixir, Phoenix, LiveView and Tailwind CSS] | No Javascript](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1644892614379%2FBetocI3vs.png%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=3840&q=75)