Community Plugin

gatsby-plugin-zeit-now

Configuring Zeit Now/Vercel routes, enhancing zero-config deployments.

How it works

Add basic security headers and caching headers.

Automatically generates redirects and rewrites.

Install

With Yarn:

yarn add gatsby-plugin-zeit-now

Or with npm:

npm install --save gatsby-plugin-zeit-now

Usage

Add plugin to gatsby-config.js

plugins: ['gatsby-plugin-zeit-now']

Options

globalHeaders allows modifying default headers (shown below) that apply to all routes.

plugins: [
  {
    resolve: 'gatsby-plugin-zeit-now',
    options: {
      globalHeaders: {
        'referrer-policy': 'same-origin',
        'feature-policy':
          "geolocation 'self'; microphone 'self'; camera 'self'",
        'expect-ct': 'max-age=604800, enforce',
        'strict-transport-security': 'max-age=31536000; includeSubDomains',
        'x-frame-options': 'DENY',
        'x-xss-protection': '1; mode=block',
        'x-content-type-options': 'nosniff',
        'x-download-options': 'noopen'
      }
    }
  }
]

headers allows configuring per-route headers.

plugins: [
  {
    resolve: 'gatsby-plugin-zeit-now',
    options: {
      headers: {
        '/about': {
          'content-security-policy':
            "base-uri 'self'; default-src 'self' https://fonts.googleapis.com data:; object-src 'none'; script-src 'self' 'unsafe-inline'; img-src 'self' data:; style-src 'self' 'https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com"
        }
      }
    }
  }
]

Inspirations

gatsby-plugin-netlify

gatsby-plugin-now

Security + Cache Headers Example for Gatsby

License

MIT