bluzky / orangecms

Admin interface for your static site

OrangeCMS - CMS admin for your static site

OrangeCMS is a admin app for static site on github. Instead of creating/editing file on your local and push to git repo. You are now can manage your content with Web UI and your content editors don't have to know anything about git

DEMO

• Admin page username: [email protected], password: 123123123
• Content page
• Github repo

Start dev server

• Requirement: elixir, nodejs installed on your machine. Nodejs is used to build assets only

• Install dependencies mix setup

• Start project mix phx.server

Build release

• Manual build mix assets.deploy && mix release
• Build docker docker build -t orangecms .

Deploy with Fly.io

fly cli installation guide here https://fly.io/docs/flyctl/

Then run fly launch

Roadmap

• Project

  • Creat project
  • Setup project flow
  • Project scope query
  • Encrypt github secret

• Content type

  • Extract content type from markdown frontmatter
  • Add/edit/remove field from frontmatter schema
  • Add new content type and sync from github
  • Cofig image upload, use relative image path
  • Add default field for github file: file_name and file_dir
  • Reorder content type's field
  • Resync button to force sync latest data from github

• Content entry

  • Import content from github
  • Create/edit/delete content entry
  • Publish (update/create) content to github
  • Markdown editor
  • Block editors
  • improve frontmatter form
  • Delete content both in database and on repo
  • Search, filter post

• User

  • first time setup create user
  • Manage user
  • Assign user to project
  • RBAC
  • Update User profile and password
  • Login / logout

• Integration

  • Cloudinary image upload
  • Manage API token

• API

  • API load collection
  • API load single content entry
  • Token authentication

This project is impossible without these excellenct works:

• Phoenix framework
• Tailwind css
• Lucide icons
• And lots of libraries

orangecms's Issues

Define resource for content entry

Setup admin template

Implement project scope query and resource

Search post

Implement search post by title

Add markdown editor

Add cloudinary integration for image uploading

Support default field value

Show post status

draft/published on index page

user authentication

add login, logout feature

Main Phoenix screen on load

Hello: I get the main Phoenix screen after running mix phx.server. Is there a route to an admin page or something like that? Great app idea tho! Cheers, Dave

UPDATE: Ah, I got in with http://localhost:4000/users

Improve editor

• Button toggle show/hide frontmatter form
• Remove border editor
• text read only for main title

Add user management

User management:

• add user
• remove user
• reset password

upload image with new editor

Create content type

Listing content entry

Project assignee

• list all assignee
• add/remove assignee

Implement project management

Update login screen

replace ash logo
add link to github

Add default field for schema generated by from github

Add belows fields:

• filename
• path

Content entry create form

Required following features:

• Render dynamic field based on type
• Generate default value

Update setting page layout

Reference pocket base

Connect github repo

Listing content type

Expose API for content

Apply Daisy UI

New Project logo

connect to github branch instead of main branch

Improve create project flow

• hide select type
• add helper text/link for token
• improve token loading form

Resource access policy

Implement some basic access rule

• only admin can manage user
• only owner can manage project member
• when create project, set creator as owner
• user can only access project which they are assigned
• user can only access to content, content type, setting ... on project they are assigned

if user does not have permission, render 403 page

Improve UX for empty project page

Role-based access for project

Add user role for projects

• owner: can do everything
• admin: can read/update all
• editor: can read/update content entry only

Define content type front matter

Content entry front matter form

Implement following feature:

• validation form
• show validation error

encrypt secret

encrypt github token

Graph api authentication

delete remote content when delete on system

Delete content entry

Edit content entry

Delete file on github if delete post on UI

Upload image to github

Delete content type

Token management for integration app

Define resource for content type

Test APi integration

Generate content type from github post

Improve editor UI

• Implement fixed action bar for publish
• Implement edit title directly
• toast for auto save successfully

User profile and change password

• Implement user profile page to update user details
• Implement change password form
• Implement tab component

Load existing content from github

Upload post to github

Setup basic auth