Set up your blog with Next 13 (appDir) and Ghost CMS; combine both packages with building a static site blog.

First clone the repo with the git clone command

# clone the repo git clone https://github.com/officialrajdeepsingh/nextjsghostcms.git # go to clone folder cd nextjsghostcms # install all depe npm install # or yarn install # or pnpm install

The next setup is adding an environment variable in your nextjs app. without config, and the environment app does not work.

GHOST_URL=https://nextghost.blog GHOST_KEY=d762c******0a299

Then run your development server:

npm run dev # or yarn dev # or pnpm dev

Open http://localhost:3000 with your browser to see the result.

Currently, the project is not ready for typescript. That way, I disable typescript on build time in nextjs.

// next.config.js /** @type {import('next').NextConfig} */ const nextConfig = { typescript: { ignoreBuildErrors: true, // ignore typescipt error on build time  }, // .... } module.exports = nextConfig