Adding new editorial components to Ghost but use it as a Headless CMS

#1

Hi,
Here is my idea, I wanted to build a whole CMS with some innovative format focused on mobile experiences in order to build a full mobile oriented PWA.
The idea is to develop the PWA using Next.js.
Building a whole CMS while Ghost does 90% of the job sounds boring, but the question is how would I be able to build new components formats in the editorial UI, for example having new component like stories or anything else in this interface:
image
However this component would have to be develop in Ember.js so that the editor get instant preview of the component while writing the post, and then I would have to code this component again in React.js so that it’s render in my front ? Am I Right ?
I’m Looking for some ideas/help, if there’s any possibilities using Ghost which I love.
Best Regards,