Create and publish flaring fast blogs with this Jamify blogging system. Powered by the React framework Next.js and content fed by headless Ghost, you'll get a production ready hybrid static & server-rendered website that you can easily distribute globally. At the same time your content creators can continue to work with the Ghost authoring system they are used to.

Play with the Demo to get a first impression.

^{Scores calculated with Lighthouse 6.4.0.}

git clone https://github.com/styxlab/next-cms-ghost.git
cd next-cms-ghost
yarn

# Development
yarn dev

# Production
yarn build

You must add all domains that you use for in-sourcing images in the next.config.js file, for example:

module.exports = {
  images: {
    domains: ['images.unsplash.com', 'static.gotsby.org'],
  },
}

Note that image optimization does not work with Netlify. Therefore, image optimization is automatically turned off when deploying to Netlify.

The SITE_URL environment variable should be set to the public facing URL of your site, in most cases to your custom domain.

If you don't specify SITE_URL, it will get populated according to the following defaults:

In all other cases SITE_URL is set to http://localhost:3000.

All content is sourced from a Ghost CMS. Choose the method according to your build scenario.

Create a new text file .env.local in the project root folder:

CMS_GHOST_API_URL=http://localhost:2368
CMS_GHOST_API_KEY=9fccdb0e4ea5b572e2e5b92942

If you build your project with a cloud provider, the best option is to provide the keys with environment variables:

For best results, deploying to Vercel is recommended. As an alternative, you can also deploy to Netlify.

For best SEO results it is strongly recommended to disable the default Ghost Handlebars theme front-end by selecting the Make this site private flag within your Ghost admin settings.

Please report all bugs and issues at next-cms-ghost/issues.

Special thanks go to the following contributors: Vince Fulco and Akshat Mittal.

PRs are welcome! Consider contributing to this project if you want to make a better web.

This project is not affiliated with NextJS or Ghost.

Copyright (c) 2020 styxlab - Released under the MIT license.