Articles

Creating an Elixir library with bundled JavaScript and CSS

Developing a component library for Phoenix LiveView and Surface

We started developing a component library for Phoenix LiveView applications that use Surface. The library is called supabase-surface, and provides Surface components which are styled after Supabase's component library for React. Some components also implement additional functionality, for example the Auth component. This component is responsible for handling the different authentication mechanisms that are offered by Supabase (e.g. magic link and social providers like Github), which had to be implemented via hooks with JavaScript. Because of the styling and the necessary JavaScript code, our library not only has to ship the Elixir code, but also the JS and CSS.

Writing Elixir Bindings for Apache Arrow with Rustler

An experiment to bring the Apache Arrow Ecosystem to Elixir

A few weeks ago I wrote experimental Elixir bindings for Apache Arrow and Parquet with Rustler. As I'm still quite new to Elixir and have even less experience with Rust, my intention was not to end up with a production ready library but to see how far I get and learn new things on the way. This article summarizes a few of the things I learned and where I eventually got stuck.

HTML Drag and Drop API with Phoenix LiveView

A small example of integrating the HTML Drag and Drop API with Phoenix LiveView via hooks.

With Phoenix LiveView it is possible to create real-time web UIs. For lots of use-cases, it is not necessary to write your own client-side JavaScript. LiveView supports multiple DOM element bindings for the client-server interaction, like click or key events.

Using SQLAlchemy and Alembic with FastAPI

Creating a fullstack application with FastAPI, Nuxt and Postgres - part 2

In the last post we set up VSCode and Docker Compose so that we have a pleasant experience developing our FastAPI application. What's missing is our datastore, a Postgres database, which we will add as part of this article.

Setting up a Python Project with Docker Compose and VSCode

Creating a fullstack application with FastAPI, Nuxt and Postgres - part 1.

There are many options when you want to create an application that needs to process, store and visualize data in a nice interface. You actually have tons of options for each separate layer, e.g. which datastore to use or where and how to deploy the different pieces. This is the first part of an article series in which we will have a look at one such option, from setting up the development environment to bringing everything to production.

Hi there!

Introducing my new website.

Hi, I'm Patrick. Welcome to my website :) This year I quit my job and decided to do a longer break to travel, take the time to learn new things, and recharge energy before starting something new. Well, my travel plans got canceled - thanks 2020 - but at least there's lots of time for the learning part. I also decided to create a new website with a blog, to write about the things I'm learning (and hopefully don't stop after one post again :sweat_smile:)