Nextjs Blog Starter Typescript Ghost screenshot

Nextjs Blog Starter Typescript Ghost

Author Avatar Theme by Fission codes
Updated: 26 Feb 2021
16 Stars

Same as official nextjs-blog-starter-typescript, with added support for fetching content from Ghost via its API

Categories

Overview

The article discusses the process of setting up a headless Ghost CMS with Next.js on Fission. It provides a step-by-step guide for installation and deployment, as well as information on using Docker to set up a local Ghost instance for testing.

Features

  • Compatibility with Next.js for building websites and applications
  • Integration with Ghost CMS to fetch and publish blog posts
  • Ability to write Markdown files in the git repo
  • Automatic deployment to Fission using a GitHub Action

Installation

  1. Start by cloning the repository.
git clone [repository-url]
  1. Install the required dependencies.
npm install
  1. Set up Ghost CMS either locally or on the cloud.
    • For local setup:
      • Install Docker (if not already installed).
      • Create a local Ghost instance with Docker.
      • Access the Ghost admin interface to create an admin account.
    • For cloud setup:
      • Set up GhostCloud or use an existing Ghost instance.

Summary

This article explains how to set up a headless Ghost CMS with Next.js on Fission. It provides instructions for installation and deployment, including setting up Ghost CMS either locally or on the cloud. Overall, the integration of Next.js and Ghost CMS allows for the fetching and publishing of blog posts while maintaining the ability to write Markdown files in the git repo.