gatsby-source-pocketbase

Source plugin for pulling data into Gatsby from pocketbase collections.

Installation

1npm install gatsby-source-pocketbase

How to use

1// In your gatsby-config.js
2module.exports = {
3  plugins: [
4    /*
5     * Gatsby's data processing layer begins with “source” plugins. Here we
6     * setup the site to pull data from the "documents" collection in a local
7     * pocketbase instance
8     */
9    {
10      resolve: `gatsby-source-pocketbase`,
11      options: { 
12        server: {
13            protocol: 'http',
14            address: '127.0.0.1',
15            port: '8090'
16        }, 
17        auth: {
18            user: 'YOUR_EMAILADDRESS',
19            password: 'YOUR_PASSWORD'
20        } 
21      },
22    },
23  ],
24}

Plugin options

• server: optional, default will be set as { protocol: 'http', address: '127.0.0.1', port: '8090' }.
• auth: the authentication data to login a pocketbase collection, with sub properties user and password. ex. auth: { user: admin, password: 12345 }

1module.exports = {
2  plugins: [
3    {
4      resolve: `gatsby-source-pocketbase`,
5      options: {
6        auth: {
7            user: 'YOUR_EMAILADDRESS',
8            password: 'YOUR_PASSWORD'
9        } 
10      },
11    },
12  ],
13}

The GraphQL query to get the transformed markdown would look something like this.

1query ($id: String!) {
2  allPocketBase[Item](id: { eq: $id }) {
3    id
4    name
5    url
6  }
7}

How to query your pocketbase data using GraphQL

Below is a sample query for fetching all pocketbase document nodes from a db named 'Cloud' and a collection named 'documents'.

1query {
2  allPocketbase[Items] {
3    nodes {
4      id
5      url
6      name
7    }
8  }
9}