A guide on how to develop your own custom card

Developer help
1

There are many topics about how to develop a custom card for Ghost.

We have a lightweight solution to integrate this ability in to Ghost and prepared a FREE starter project to ease the development.

Please follow with us.

https://storytelling.cool/ghost-extension-card-starter

2 Likes
2

This link is not resolving.

3

Yep, dead link.

HOWEVER – I found it on Gumroad. https://storytellingfans.gumroad.com/l/kzCNE

1 Like
4

I found the source code for how @iLoveBug implemented custom code support, at least for their “starter card” project.

Here’s the overview of how their solution worked:

  1. First, it involved a patched version of Ghost that added support for custom cards. It’s not clear the patch is available as open source or actively maintained. But from reading the docs and code of the “starter card”, we can learn about how it worked.
  2. Each card is implemented bu running an additional web server that some HTML, CSS and JavaScript both the editor and frontend views.
  3. You can see an example of the configuration details provided for each custom card here: GitHub - iLoveBug/ghost-card-starter: This is a starter project for Ghost custom card

This approach follows the Ghost approach of using external “integrations” rather than an internal “extensions” that modify the Ghost code directly.

However, it seems like it could quickly become a pain to maintain multiple web servers if you have more than additional card type you to use.

5

Hey @markstos I was working with @iLoveBug on his extensions framework, so let me know if I can provide the code as I did purchase from him the last versions and do have it as of where he left off, including the customized theme he was building it on top of…

6

As not many people is interested in the extension solution, so the demo site is shutdown. But it does work with Ghost 3.x. What can I help you markstos?