gatsby-source-patstore

A Gatsby source plugin for fetching data from PatStore.

Installation

npm install gatsby-source-patstore

or

yarn add gatsby-source-patstore

Usage

Add the plugin to your gatsby-config.js:

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

Configuration Options

| Option | Type | Required | Description | | -------- | -------- | -------- | ----------------------------- | | apiUrl | string | No | API endpoint URL for PatStore | | apiKey | string | No | API key for authentication |

Querying Data

Once the plugin is configured, you can query PatStore data using GraphQL:

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

Example

// 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;

Development

Build

npm run build

Watch Mode

npm run watch

Clean

npm run clean

Dependencies

This plugin uses the following dependencies:

• @apollo/client - GraphQL client
• @bytescale/sdk - File handling
• gatsby-plugin-image - Image optimization
• gatsby-source-filesystem - File system operations
• graphql - GraphQL implementation
• graphql-compose - GraphQL schema composition
• image-size - Image dimension detection
• lodash - Utility functions
• node-fetch - HTTP client
• zod - Runtime validation

License

MIT