gatsby-source-patstore

npm install gatsby-source-patstore

yarn add gatsby-source-patstore

module.exports = {
  plugins: [
    {
      resolve: "gatsby-source-patstore",
      options: {
        apiUrl: "https://api.patstore.com",
        apiKey: "your-api-key-here",
      },
    },
  ],
};

query {
  allPatStoreData {
    nodes {
      id
      title
      description
      createdAt
      updatedAt
      data
    }
  }
}

// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: "gatsby-source-patstore",
      options: {
        apiUrl: process.env.PATSTORE_API_URL,
        apiKey: process.env.PATSTORE_API_KEY,
      },
    },
  ],
};

// src/pages/index.js
import React from "react";
import { graphql } from "gatsby";

const IndexPage = ({ data }) => {
  return (
    <div>
      <h1>PatStore Data</h1>
      {data.allPatStoreData.nodes.map((item) => (
        <div key={item.id}>
          <h2>{item.title}</h2>
          <p>{item.description}</p>
        </div>
      ))}
    </div>
  );
};

export const query = graphql`
  query {
    allPatStoreData {
      nodes {
        id
        title
        description
        createdAt
        updatedAt
      }
    }
  }
`;

export default IndexPage;

npm run build

npm run watch

npm run clean