Skip to content

A Nextjs 14 Blog which fetches blog posts from a ghost cms through its api.

Notifications You must be signed in to change notification settings

thetechmaze/nextjs-ghost-blog

Repository files navigation

Blog App with Next.js, Tailwind CSS, and Ghost CMS

A simple Blog app built using Next.js 14, Tailwind CSS, and Ghost CMS. This app demonstrates how to read blog posts and tags from Ghost CMS with server actions in Next.js.

Features

  1. Read Blog Posts with UI.
  2. Server-side actions for fetch data from Ghost CMS.

Prerequisites

  • Node.js installed locally.
  • An Ghost CMS accont or installed locally or hosted on digital ocean.
  • API credentials added to .env.local.

Getting Started

  1. Clone the repository:

    git clone https://github.com/thetechmaze/nextjs-ghost-blog.git
  2. Install Dependencies

    npm install
  3. Set up Environment variables

    Create a .env.local file in the root directory and add your AQWS credentials:

    GHOST_API_URL=
    GHOST_CONTENT_API_KEY=
  4. Run the development server

    npm run dev

    Open http://localhost:3000 in your browser to see the app in action.

Deployment

To Deploy this app, you can use platforms like Vercel or Netlify. Ensure you have your environment variables set correctly on the chosen platform.

License

This project is open source and available under the MIT Licence.

About

A Nextjs 14 Blog which fetches blog posts from a ghost cms through its api.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published