Pancake CMS - A new approach to CMS using web components and server less architecture

Most of the content management systems that I have worked with so far, are slow AF. Not to mention that the ones that corporations use are painful for the developers. When I say painful, it means that the developer literally feels like committing suicide. The initial setup takes tonnes of time, then debugging environment issues, providing fast computers to developers etc. are some of the common problems that most companies spend a lot of time and money on. Its not worth it. Hence the Pancake CMS.

For the past one year I have been working on an open source project called the Pancake-CMS. It is a content management system which uses web-component libraries like Polymer for the UI and Firebase in the back-end. Just create a firebase account, add users, fork the github repo, update the auth keys and voila, you are good to go. Its that simple. The users can add other polymer elements / components dynamically, build templates that can be used to build pages and have various dialects and their associated content. Simple, right?

So, is it complete yet? No, not yet. There is a lot of work left in it. I wanted to create a "fork and play" type of software where the initial enterprise setup takes less than 10 minutes for every project/website/webapp. And 1 minute setup for developers. With that said, I have been using Cloud 9 as a developer environment, and it takes even less than a minute to start development. 90% of the time it takes is to install packages via Bower. Thats it!!

And why am I writing an article about a project that is still under development? Its simple, I haven’t written anything on my blog for a long time. Friends have been asking me if the site is dead. The answer is, not yet, I have been busy with work, videogames, and this project. And I wanted to bring some attention to this project. Just wanted to see if there are other people who are working on a similar approach or are willing to contribute to this project.

By the way, here are some cool screenshots of the current working project. If you want you can fork the repo developer-console and run it on your local, but my approach would be to run it on Cloud 9. Its easy, and fast there plus you can simply delete the workspace if you dont like the project.

Login Screen

Users can login using their Github or Google account.

login
Components Page

This shows the list of developer components. Selecting them will show the readme file associated with the element / component. The green border on the component name shows that the component has been installed via bower. Orange border shows that installation is pending.

component page

A new component can be added by clicking on the plus icon and adding the component details.

addcomponent

A developer can install the project components by clicking on the download button.

downloadcomponent
Templates page

New template section comes with an empty drag and drop container with all the added components.

newtemplate

This will auto save the template.

savetemplate

Once you drag and drop the components in a template, this is what it looks like. Components can be copied/modified by a toolbar at the top right corner of every component.

draganddroptemplate

It also uses css grid for further layout enhancement

layouttemplate

And css-grid is awesome!!!

layout2template
Localization Page (under development)
localization
comments powered by Disqus