Get the RSS feed
here![Making a blogging system with Phoenix and React [Intro]](https://ownidev.syd1.digitaloceanspaces.com/uploads/2_original_post_image.png?v=63890170062)
I finally made a blog! And what better to celebrate than to write a blog post about how to create such a very bare-bone content system? (Look at me nailing this SEO)Here's an intro :Aside from my freelance work and Charsh my personal project, I'm also developing Rriver. It's my custom-made invoicing/billing tool that also serves as an API for the content you see on this website.After reconsidering ...
![Making a blogging system with Phoenix and React [Part 1]](https://ownidev.syd1.digitaloceanspaces.com/uploads/4_original_post_image.png?v=63894645656)
Welcome to this second part of the series.If you haven't, you might want to read the intro. It will give you a good overview on what's happening here.PSA: Saving and rendering HTML should only be done if:A. You are/ you trust the sourceB. You sanitize the content before rendering it.Today, we're diving straight in by following this todo-list :Setting up Milkdown (core and plugins) (You are here)Sc ...
![Making a blogging system with Phoenix and React [Part 2]](https://ownidev.syd1.digitaloceanspaces.com/uploads/5_original_post_image.png?v=63892415222)
Welcome to part 2 !Last time we set up the basic Milkdown logic. In this post, we are scaffolding our posts and adding more functionality to Milkdown.Setting up Milkdown (core and plugins)Scaffold the blog posts (You are here)Deal with image uploadsCreate the API routes and functionalitiesScaffold the blog postsWe're going to create a pretty simple post schema:We need a title, content, tags, and a ...
![Making a blogging system with Phoenix and React [Part 3]](https://ownidev.syd1.digitaloceanspaces.com/uploads/6_original_post_image.png?v=63894645714)
Feature imagesWelcome to this third part.In the last post, we scaffolded our blog posts and made sure that Milkdown integrated with the Phoenix form.Today, we're going to take care of our feature image. To do this, we need two hex packages. Add the following to your mix.exs: #mix.exs { #... your other packages, {:waffle, "~> 1.1"}, {:waffle_ecto, "~> 0.0"}, {:ex_aws, "~> 2.1.2"}, ...