SEO consequences of headless use of Ghost

I have essentially locked down my ghost blog and written some JS to load, format, and display the content when a user lands on the news page (news.html) of a static website. My ghost frontend/content can only be accessed programmatically or using a REST client.

This is perfect for adding a CMS while maintaining the look and feel of my website, yet I was wondering if someone could explain the consequences of this approach, as I get the feeling any SEO gains of having this content is completely lost on the basis that the content is requested client-side? Will search engines still be able to index the content? How will Google, for example, consume the meta title, meta description, canonical URL, and tags?