Phoenix Tutorials

There are some situations where you want to block access to an environment such as when you're just staging a project.
For this particular case, using a custom Basic Auth Plug that's conditional on environment variables may be all you need.

Github Actions enables you to build, test, and deploy your Phoenix App from GitHub. Actions use the idea of workflows and in this tutorial, we're going to configure a basic build-and-test workflow using a new Phoenix Application.

Vue.js "The Progressive JavaScript Framework" has been steadily gaining popularity over the past few years and has become a staple in UI development.
We're going to cover the basics of adding Vue.js to Elixir Phoenix and cover a few configuration steps along the way.

A newly generated Phoenix app doesn't use Sass by default. This is most likely because each developer/team uses a variety of frontend tools. In this guide we're going to configure add Bulma, Fontawesome and some packages so webpack will pre-process scss files.

TailwindCSS: A Utility-First CSS Framework for Rapid UI Development
We're going to be adding Tailwind CSS to a new Phoenix 1.4 app, so let's get to it.
This guide assumes you have Phoenix installed and are ready to start a new project.

The Phoenix Framework is a productive web framework that does not compromise speed or maintainability.
We're going to cover how to get a development environment up and running on macOS for Phoenix Framework.