OrangeCMS - Manage your static site content with UI

bluzky · March 27, 2023, 1:39am

Hi everyone,

I would like to introduce my new project OrangeCMS, it’s an application that help you to create/edit content post for your static site without git and markdown knowledge. For developers like me and you, it’s easy to create a file, write some markdown, and git push to remote repo. But for non-tech guys, like my wife or your marketing team, it’s too complicated.
I searched on the web for an existing solution but they are not fit with my need. So I decide to build a new one. It’s inspired by Spinal cms.

Take a look:

This is only a minimal version with basic functions and lots of bug

So please give it a try and tell me if you have any suggestion

Links

Github repo
Demo Admin page username: demo1@example.com, password: 123123123
Demo Content page
Demo site’s repo

Thank you

zachdaniel · March 27, 2023, 1:53am

This looks awesome!

Will absolutely have to play with this

bluzky · March 27, 2023, 2:08am

Thank Zach for your awesome project, I’m learning to use ash and it’s lot of fun.

stevensonmt · March 27, 2023, 2:51am

Why the hard dependency on Node.js?

bluzky · March 27, 2023, 3:45am

Sorry, I don’t understand what you mean.

This project is in early stage, I just make it work, lots of hard code

stevensonmt · March 27, 2023, 3:59am

Please don’t think it was a criticism. I just read on the Github readme:

Requirement: elixir, nodejs installed on your machine

and I was curious what Nodejs is needed for.

bluzky · March 27, 2023, 4:33am

I use some node packages for editor and tailwind UI. Maybe I will put in in vendor directory later.
Thanks for your feedback.

zorn · March 28, 2023, 2:59pm

Looks great. Thanks for sharing.

bluzky · April 16, 2023, 1:30pm

Update 04/16/2023

I’ve added user management features:

Add/edit user (only admin user which has is_admin flag set to true)
Manage project member: add/remove
Basic role-based access for project’s member
- admin can manage member, content type
- Editor can create/edit content entry

And a new WYSIWYG editor which support markdown shortcut

Content features if you missed

import markdown content from github repo
publish new/update content to github repo

All feedback are welcomed. Thank you.

bluzky · May 2, 2023, 2:29pm

Update 05/02

I was quite busy last couple weeks so there is not much new update. I use this cms to manage my blog content so I added some improvement for the editor.

1. Implement image upload config for each content type

For example: upload image to folder /public/assets and serve at /assets, this depends on how your static site generator handle assets.

2. Add image upload field in fronmatter form

This took a while to handle preview, all uploaded image in frontmatter using relative path, but preview required a full url, so I use raw content url for preview.

3. Add slash command for quick insert new block

4. Insert image to post content

Yeah, I have customized editor to handle preview relative image url

Here is a simple demo

All feedback are welcomed. Thank you.

zachdaniel · May 2, 2023, 2:41pm

Really cool to see all the progress you’re making on this project! Great work!

bluzky · July 11, 2023, 4:53am

Update Jul 11

I have not updated OrangeCMS for a while.
I had to make a decision to migrate from Ash framework to Phoenix and Ecto.

Ash framework is really cool and I have learned a lot from it, and discovering it is really fun. But developers have to spend time learning Ash to be able to contribute to OrangeCMS. To remove this barrier, I decided to migrate to Phoenix context and Ecto.
Yeah, lots of work to do, I have to implement policy, role based access myself. (Ash have mostly everything I need, just plug and update configuration, and it works.)

In this update

Migrate code base to Phoenix context + Ecto
Rebuild UI with Liveview components ported from Accordion - shadcn/ui
Role-based access has not been implemented in this update yet.