{
    "componentChunkName": "component---node-modules-rocketseat-gatsby-theme-docs-core-src-templates-docs-query-js",
    "path": "/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/",
    "result": {"data":{"mdx":{"id":"1321f510-23db-5298-a197-ec83382fc6ab","excerpt":"How to Integrate RudderStack with Your JAMstack Site RudderStack supports integration with various popular JAMstack frameworks like Gatsby, Angular, Vue, Next…","fields":{"slug":"/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/"},"frontmatter":{"title":"How to Integrate RudderStack with Your JAMstack Site","description":"Step-by-step guides to integrate RudderStack with your preferred JAMstack site.","image":null,"disableTableOfContents":null},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"How to Integrate RudderStack with Your JAMstack Site\",\n  \"description\": \"Step-by-step guides to integrate RudderStack with your preferred JAMstack site.\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"how-to-integrate-rudderstack-with-your-jamstack-site\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h1\",\n    \"href\": \"#how-to-integrate-rudderstack-with-your-jamstack-site\",\n    \"aria-label\": \"how to integrate rudderstack with your jamstack site permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"How to Integrate RudderStack with Your JAMstack Site\"), mdx(\"p\", null, \"RudderStack supports integration with various popular JAMstack frameworks like Gatsby, Angular, Vue, Next.js, Hugo, Jekyll, and more. You can now seamlessly integrate the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.rudderstack.com/docs/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk/\"\n  }, \"RudderStack JavaScript SDK\"), \" into your web app/site built on these frameworks and set up your event streams in no time.\"), mdx(\"h2\", {\n    \"id\": \"quick-reference\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#quick-reference\",\n    \"aria-label\": \"quick reference permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Quick reference\"), mdx(\"p\", null, \"This section contains the integration guides for the following frameworks:\"), mdx(\"ul\", null, mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-gatsby-integration/\"\n  }, \" Gatsby \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-angular-integration/\"\n  }, \" Angular \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-jekyll-integration/\"\n  }, \" Jekyll \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-vue-integration/\"\n  }, \" Vue \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-hugo-integration/\"\n  }, \" Hugo \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-nextjs-integration/\"\n  }, \" Next.js \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-nuxtjs-integration/\"\n  }, \" Nuxt.js \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-eleventy-integration/\"\n  }, \" Eleventy \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-ember-integration/\\n\"\n  }, \" Ember.js \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-svelte-integration/\"\n  }, \" Svelte \")), mdx(\"li\", null, \" \", mdx(\"a\", {\n    className: \"pageRef\",\n    href: \"https://rudderstack.com/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/rudderstack-astro-integration/\"\n  }, \" Astro.js \"))), mdx(\"h2\", {\n    \"id\": \"contact-us\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#contact-us\",\n    \"aria-label\": \"contact us permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Contact us\"), mdx(\"p\", null, \"For more information on any of the guides listed in this section, you can \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"mailto:%20docs@rudderstack.com\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"contact us\")), \" or start a conversation in our \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://rudderstack.com/join-rudderstack-slack-community\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Slack\")), \" community.\"));\n}\n;\nMDXContent.isMDXComponent = true;","headings":[{"depth":1,"value":"How to Integrate RudderStack with Your JAMstack Site"},{"depth":2,"value":"Quick reference"},{"depth":2,"value":"Contact us"}]}},"pageContext":{"slug":"/docs/user-guides/how-to-guides/rudderstack-jamstack-integration/","next":{"label":"Home","link":"/docs/home"},"repositoryEditUrl":"","repositoryProvider":""}},
    "staticQueryHashes": ["2501019404"]}