Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bigardone/phoenix-cms

Headless CMS fun with Phoenix LiveView and Airtable
https://github.com/bigardone/phoenix-cms

airtable-api elixir-lang phoenix-framework phoenix-liveview

Last synced: about 2 months ago
JSON representation

Headless CMS fun with Phoenix LiveView and Airtable

Awesome Lists containing this project

README

        

# PhoenixCms

Headless CMS fun with Phoenix LiveView and Airtable.

![](http://codeloveandboards.com/images/blog/phoenix-cms-1/real-time-b21f8c07.gif)

## Tutorial

1. [Introduction](http://codeloveandboards.com/blog/2020/07/02/headless-cms-fun-with-phoenix-liveview-and-airtable-pt-1).
2. [The project set up and implementing the repository pattern](http://codeloveandboards.com/blog/2020/07/11/headless-cms-fun-with-phoenix-liveview-and-airtable-pt-2).
3. [Content rendering using Phoenix LiveView](http://codeloveandboards.com/blog/2020/07/19/headless-cms-fun-with-phoenix-liveview-and-airtable-pt-3/).
4. [Adding a cache to the repository and broadcasting changes to the views](http://codeloveandboards.com/blog/2020/07/27/headless-cms-fun-with-phoenix-liveview-and-airtable-pt-4/).

## How to run it locally

To start your Phoenix server:

* Install dependencies with `mix deps.get`
* Install Node.js dependencies with `npm install` inside the `assets` directory
* Start Phoenix endpoint with `mix phx.server`

Now you can visit [`localhost:4000`](http://localhost:4000) from your browser.