SHIP IT FASTER

The average enterprise on Netlify ships 140 times per week. Where does your team rank?

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-plugin-vcf

Create vCard files (VCF) for your Gatsby site.

Install

npm install gatsby-plugin-vcf

How to Use

// In your gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-vcf`,
      options: {
        query: `
              {
                allMarkdownRemark {
                  edges {
                    node {
                      frontmatter {
                        uid
                        lastName
                        firstName
                        workEmail
                        cellPhone
                        title
                      }
                    }
                  }
                }
              }
            `,
        serialize: ({ allMarkdownRemark }) =>
          allMarkdownRemark.edges.map(({ node }) => ({
            ...node.frontmatter,
            workUrl: "https://www.e-mundo.de/",
            organization: "eMundo GmbH",
          })),
      },
    },
  ],
}

Required options are query and serialize. You’ll need to write the serialize function in order to fit your use case.

outputPath is an optional configuration, indicating where the vcard files should be generated.

Note: This plugin only generates the vcf file(s) when run in production mode. To test your vcards, run: gatsby build && gatsby serve.

© 2023 Gatsby, Inc.