Gatsby is joining Netlify: Read the announcement post

ContactSign Up for Free
Community Plugin
View plugin on GitHub


Gatsby server side rendering for your Stencil web components.


npm install --save gatsby-plugin-stencil

How to use

Note: Make sure you you have added the dist-hydrate-script as output target to your Stencil library

Add the plugin to your gatsby-config.js

module.exports = {
  plugins: [
      resolve: `gatsby-plugin-stencil`,
      options: {
        // The module of your components (required), eg "@ionic/core".
        // Add multiple modules by using an array eg ["@ionic/core", "my-stencil-components"]
        module: "your-stencil-components-package",

        // Stencil renderToString options (optional):
        renderToStringOptions: {
          prettyHtml: true,
© 2023 Gatsby, Inc.