{"componentChunkName":"component---src-templates-doc-tsx","path":"/product/sentry-basics/guides/integrate-frontend/create-new-project/","result":{"data":{"file":{"id":"f7379dff-abef-5470-8acd-24ea006b186b","relativePath":"product/sentry-basics/guides/integrate-frontend/create-new-project.mdx","sourceInstanceName":"docs","childMarkdownRemark":null,"childMdx":{"body":"function _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/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Create a Sentry Project\",\n  \"redirect_from\": [\"/guides/integrate-frontend/create-new-project/\"]\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"In this tutorial, you create a new \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Project\"), \" in your Sentry account. Projects allow you to scope events to a distinct application in your organization and assign responsibility and ownership to specific users and teams within your organization. You can create a project for a particular language or framework used in your application. For example, you might have separate projects for your API server and frontend client. For more information see \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/guides/getting-started/#4-create-projects\"\n  }), \"Best Practices for Creating Projects\")), mdx(\"h2\", {\n    \"id\": \"step-1-create-the-project\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#step-1-create-the-project\",\n    \"aria-label\": \"step 1 create the project permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"viewBox\": \"0 0 24 24\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n    \"fill\": \"currentColor\"\n  })))), \"Step 1: Create the project\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Login to your \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://sentry.io\"\n  }), \"Sentry organization\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Projects\"), \" from the left side navigation menu to display the list of all your projects\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"+ Create Project\"), \" button\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/e721aabc292f2fa2d288109c66921e75/de766/create-new-project-01.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"37.99999999999999%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAIAAAB2/0i6AAAACXBIWXMAAAsSAAALEgHS3X78AAABKElEQVQY04XOW0sCQRTA8f0u9ZIF3dBKJRUtyyS3mxRUz32uiLxERoLfQygo6KWnvM2su+7u7Jy57DQW9RCG8Oe8/c45xqV5ZeYvkouFys0dBbff7yDU+6lrWX2Me9jqDVDXcbCQARcEhEe5q6dxcHa+c1KOrebuqy0AjtCQcclFyIX8ExOCc+ly8uy+tvHTi/dmbO8fZ/fM6HKucd1UtupggoYUmNQrJgZcUMZ8gPfRwCikTrcSR9H5bKPeUsr+GIxsT0gZAjBgYqLnPNRRJoxs8jCfLq9EMrVKUyk1dHzbIUEwlv/h34z0RikTN5fm0vXqGJMA2BcDxqfjTLyUWisuzCZqlUeNXY8gbJGACv35VLwZKyaju5GZ9ertg8Y+ofo4he+zU/AnGCuXHhnu988AAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Create new project\",\n    \"title\": \"Create new project\",\n    \"src\": \"/static/e721aabc292f2fa2d288109c66921e75/c1b63/create-new-project-01.png\",\n    \"srcSet\": [\"/static/e721aabc292f2fa2d288109c66921e75/5a46d/create-new-project-01.png 300w\", \"/static/e721aabc292f2fa2d288109c66921e75/0a47e/create-new-project-01.png 600w\", \"/static/e721aabc292f2fa2d288109c66921e75/c1b63/create-new-project-01.png 1200w\", \"/static/e721aabc292f2fa2d288109c66921e75/d61c2/create-new-project-01.png 1800w\", \"/static/e721aabc292f2fa2d288109c66921e75/de766/create-new-project-01.png 1838w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"blockquote\", {\n    parentName: \"li\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Note:\"), \" If there are no projects in your account --- you might be redirected to the onboarding wizard to create your first project.\")), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Select the language or framework for your project based on the code you wish to monitor --- in this case, \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"JavaScript\"), \".\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Give the project a \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Name\"), \".\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Under \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Set your default alert settings\"), \" check \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"i'll create my own alerts later\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Assign a Team\"), \" to the project.\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/a84f6f2e8dc6f96c969ff67835989114/71ba4/create-new-project-02.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"67.33333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsSAAALEgHS3X78AAABuklEQVQoz5WSbUvcQBDH88n7EQqlVmh9qy8q9dVRqVhF60nRCoWqpVLPnJe7eF6Sfcw+7ybO5uwhomDDMAuZ+e3s/GcSXguMSYWIEDI0jW8a8E3bgrWdXxiErPPOe0gIIaYllEnCJPyVympttJQ2pjgfgvWQGpy13aXeWMtqLrW+vyI0ybg06wflbKbevb2wCPHVJVcVxfJrVubp1ZtZOXy1tHJ1fd3PlyuV7Y/eV/ait1FcXlJ4V6JduKXaWJ+mKECRYeqNFn/PpZST2zMq6j+DtJYyE0Pl1YgPVSPSASZURRhq7nzJCTFbvQk2ajU7wtJ+2BrnSK98ziaF+LbzvSgwX18z0xvy6aNJB1ELaBlgwE6Op5SZ/n7Gtfqa/uTK7p6MMTfbP7IC8cOD47LEuL9rMCoP99Q07+AoajJXda4wiND++5qH/hn9EyEVY4IyTllNCIP25lOBZ/mOCfPhheju/QJW1iJMCGXgRUe+3BIYOVSTSgFpnWv/C4ZxG+tgVmCwBo/CcT3iMj0Dw3pWFeZwQGml42I5vwg/1O8JuBYSGo5YpwTUZ7zuCkbJTn+hzd7o9znuJvIYvgMF5OZhZs4eKQAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Select project language\",\n    \"title\": \"Select project language\",\n    \"src\": \"/static/a84f6f2e8dc6f96c969ff67835989114/c1b63/create-new-project-02.png\",\n    \"srcSet\": [\"/static/a84f6f2e8dc6f96c969ff67835989114/5a46d/create-new-project-02.png 300w\", \"/static/a84f6f2e8dc6f96c969ff67835989114/0a47e/create-new-project-02.png 600w\", \"/static/a84f6f2e8dc6f96c969ff67835989114/c1b63/create-new-project-02.png 1200w\", \"/static/a84f6f2e8dc6f96c969ff67835989114/d61c2/create-new-project-02.png 1800w\", \"/static/a84f6f2e8dc6f96c969ff67835989114/71ba4/create-new-project-02.png 1870w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"blockquote\", {\n    parentName: \"li\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"If you haven't defined any teams, you can either select the default org team (the team that has the same name as your Sentry Org) or click on the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"+\"), \" button to create a new team.\")), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/7c757676efd7234247f0be0b21f37e5a/e4611/create-new-project-03.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"58.00000000000001%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsSAAALEgHS3X78AAACPElEQVQoz1VSWVPTUBTOT3V8VV990QdGHfVBHCi02ZNmrWmgLQ2yCMiioG/oqDiMD1DbsqRtaJo0y83mCUUZz3xz5iz3y/3OPcE4SmFJSeQ1RdCNxtrm2s6qsdGsrW6svV9d3jTqEGyvXFfWV7YgbSy8hQPLS+tkkcckXpPLVeB/3P3kup5pDuyhE0VJkmRxnCJ0E0wq4BGKkzg7PzN5WsbKtCpyGl7g9rYPkiQFvu8HCEUovEYU+34YBGEYIPCBH0I3yzLzsi8wCkaXBFBemCaBPBzapyetbqfbOvndaXfPuueQmmbPdVzHcUcjBw4Mr2wg93uDMq1gPKPwtIIX2A87B1EUQRt8lqUTS+I4+9+geEvmKBkGLs5Qe9v743HQ7Zj9vj0aeQBn5DuOb9tj2/ZyDD3PA9kIPgiyc3KZUQHXN+9bdnh8Mvh1OjjrhRdWPEHfSv/FlptZbmoH2cV5L58ZnroiLcDl+3ufQU8YwltF6AYoRcmX4KsXenEUBz46Pup/OzSPf1y1Wxciq2JUSaBxER5s690ukGEh6V/Ll5Nml/HlILagNfYQWzyafnaIvz76+b0tlysYS8owNkAV9FrVWNSWFrWmXmlU1RoEgPobg1sSdb3e0JtG3WjWDKO+vKA18pmJeY6Y42BhoJzGhRyEQMzzs69wqsgzuMCWpBLJzHLFmZfck0f408fE8ymSIyX4uzCWkDhSZnARvMxXJ5A4DbTwlDJJBaYi8uqLKfbenbn7d+cePsCBCfgDFW47k0UBCZYAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Select team\",\n    \"title\": \"Select team\",\n    \"src\": \"/static/7c757676efd7234247f0be0b21f37e5a/c1b63/create-new-project-03.png\",\n    \"srcSet\": [\"/static/7c757676efd7234247f0be0b21f37e5a/5a46d/create-new-project-03.png 300w\", \"/static/7c757676efd7234247f0be0b21f37e5a/0a47e/create-new-project-03.png 600w\", \"/static/7c757676efd7234247f0be0b21f37e5a/c1b63/create-new-project-03.png 1200w\", \"/static/7c757676efd7234247f0be0b21f37e5a/e4611/create-new-project-03.png 1298w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Create Project\"), \".\\nThis takes you to the configuration page. Read through the quick Getting Started guide.\")))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Copy the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"DSN key\"), \" and keep it handy as we will be copying the key into the source code.\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/0cf1e6a1135f8e04efdce787778131c6/1e1c3/create-new-project-04.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"51.33333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsSAAALEgHS3X78AAABhklEQVQoz02QW4+cMAyF+f//rVJnt1UftiNmyNwIJA6BxHZurGm7UtGno3OOnQfcgd9G4ya3avAxF2471Yal/o80R5mLLPuIkwVtYdli91joqqF/6t/31/mu++c0aHu3/macmg9uZrnNbpismkCQ6WWc1QyOcqexPnzste216ccDHRhSFSwf/DWGiuXyVYqvPrfOb9HAYp2HZRUs/DOTcbNdJMpUouhkQNZmCQHrvqfSusBpjtFGMqKIJgZLaJEOj9Hg4R2xLEBkSyRTIFpyolI6S/zLmssWFMYBwyVuioKYAeOd8Y6sAj+QrxEfmMaUR06CND6VDpldiB4pUArIW+SAKYhSipgPj3965DUS51raLuS2p9q6NUT5Nzm88V7BU9mXgtdgnjenlRuv5jGANKMw2NeEztcIZY2FizwOuQI3n/Y58Smffxb1li/v+Sp85/4tXU5JtJf4Iw/v6Xqi/ht+nEmTXHvdggWw4MAtTs5u3aFGKvelDmAx4mGZZxn7ve3y1dY+AZX6NS5ZAJUqAAAAAElFTkSuQmCC')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Copy DSN\",\n    \"title\": \"Copy DSN\",\n    \"src\": \"/static/0cf1e6a1135f8e04efdce787778131c6/c1b63/create-new-project-04.png\",\n    \"srcSet\": [\"/static/0cf1e6a1135f8e04efdce787778131c6/5a46d/create-new-project-04.png 300w\", \"/static/0cf1e6a1135f8e04efdce787778131c6/0a47e/create-new-project-04.png 600w\", \"/static/0cf1e6a1135f8e04efdce787778131c6/c1b63/create-new-project-04.png 1200w\", \"/static/0cf1e6a1135f8e04efdce787778131c6/1e1c3/create-new-project-04.png 1670w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"blockquote\", {\n    parentName: \"li\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"The DSN (or Data Source Name) tells the SDK where to send the events, associating them with the project you just created.\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Got it!\"), \" button at the bottom to create the project.\"))), mdx(\"h2\", {\n    \"id\": \"step-2-create-an-alert-rule\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#step-2-create-an-alert-rule\",\n    \"aria-label\": \"step 2 create an alert rule permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"viewBox\": \"0 0 24 24\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n    \"fill\": \"currentColor\"\n  })))), \"Step 2: Create an alert rule\"), mdx(\"p\", null, \"You can create various alert rules per project and let Sentry know when, how, and whom you want to notify when errors occur in your application. \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Alert rules\"), \" consist of \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Conditions\"), \" and \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Actions\"), \", which are performed when the associated conditions are met. For more information, see \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/product/alerts-notifications/alerts/\"\n  }), \"Alerts\"), \". When creating a new project, you can select to create it with an alert rule that notifies all project team members (via email) the first time a new \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"issue\"), \" appears. This means that the next time a \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"similar error\"), \" occurs, the notification is not triggered since the error is not \\\"new.\\\"\"), mdx(\"p\", null, \"In this step, you create a new Alert rule notifying \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"every time\"), \" an event occurs, even if it's associated with an already existing \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"issue\"), \". In a real-life scenario you'd probably add additional conditions, as you wouldn't want to be notified \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"every time\"), \" an event happens in your frontend code on your end user's browsers.\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"From the project drop down list, find the new project and click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"cog icon\"), \" to open the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Project Settings\")), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/fd4e8cc2263dd43e0b2df29ab8d9cd50/081d5/generate-first-error-07.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"18.666666666666668%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAIAAAABPYjBAAAACXBIWXMAAAsSAAALEgHS3X78AAAAnUlEQVQI101OSQ4DIQyb/z+qtz6gh/4BhmUYhhAgLLVUdYmsyHIWe/M+hBC9C/FM81N9jFrbnItzyVQoZUoMDuW308dWuYg0aYB8BwO0ri69lvYPkQ50Ge++hUCJoA4UnkGcY1lyD/MMB8FTKxPPq3C1xu3a7NqCZ+JwxM34omzBPXykdSSYbSlWN313e261IS22YctcOQPlioQO/gLhKOdh5ffeXQAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Open Project Settings\",\n    \"title\": \"Open Project Settings\",\n    \"src\": \"/static/fd4e8cc2263dd43e0b2df29ab8d9cd50/c1b63/generate-first-error-07.png\",\n    \"srcSet\": [\"/static/fd4e8cc2263dd43e0b2df29ab8d9cd50/5a46d/generate-first-error-07.png 300w\", \"/static/fd4e8cc2263dd43e0b2df29ab8d9cd50/0a47e/generate-first-error-07.png 600w\", \"/static/fd4e8cc2263dd43e0b2df29ab8d9cd50/c1b63/generate-first-error-07.png 1200w\", \"/static/fd4e8cc2263dd43e0b2df29ab8d9cd50/081d5/generate-first-error-07.png 1264w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Alerts\"), \" to open the Alerts Configuration page\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"New Alert Rule\")), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/d0b39b4c7cfa27375005f9187880b72c/3ceac/generate-first-error-08.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"41.333333333333336%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAIAAAB2/0i6AAAACXBIWXMAAAsSAAALEgHS3X78AAABKElEQVQY02VQW04DMQzc+58CcQPEHxdAICEhUfEHLRRKq242mzQPx86D2V2ohBhNkpETx2N3KbF3XvdkRhcCC+2Ct86FGCgEEsntF4gk4lbOgdYxM0ViLsySknhn8Yho0iCScy4LifAyfZnhdrW+e9o877cdR0mW21wgS+mPo/eUcxUp4PwpmKFjTFrp1efm4vr+8urh5vmx26aPV7d+S9vYYi3NuxgjoRcznlAHQg9G9SMYPLoo1jhHtjbOWboXu9649307hBZqRvHJQ621lFJnwLewlPITmM6Mo3HKHZSEXKQutoH2F2j1ZHz7B4yjgzNr4JCWZAwGAvNXx2HURqlhUHq/O6h+AKH1oJcCczIlo+3i9pwMqxg+rucFzXAOcpr2uZsmnL8BibDO3wBQm70AAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Alerts Configuration\",\n    \"title\": \"Alerts Configuration\",\n    \"src\": \"/static/d0b39b4c7cfa27375005f9187880b72c/c1b63/generate-first-error-08.png\",\n    \"srcSet\": [\"/static/d0b39b4c7cfa27375005f9187880b72c/5a46d/generate-first-error-08.png 300w\", \"/static/d0b39b4c7cfa27375005f9187880b72c/0a47e/generate-first-error-08.png 600w\", \"/static/d0b39b4c7cfa27375005f9187880b72c/c1b63/generate-first-error-08.png 1200w\", \"/static/d0b39b4c7cfa27375005f9187880b72c/3ceac/generate-first-error-08.png 1456w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"In the New Alert Rule form, select an \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Issue Alert\"), \" type and enter the following values\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1200px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/39007b4b7041025758e576a6e146c252/21482/generate-first-error-09.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"115.00000000000001%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAIAAACEf/j0AAAACXBIWXMAAAsSAAALEgHS3X78AAAC/ElEQVQ4y2WUWXLcOAyGdeocYW6Ryjlm8pyZl5mHJG2743asfWktFCWuAElpILXdbidVX6EokBB/ggAj5xfng9bWIuoJrPHruoZlw/ulck3tzpU5p5Dr1dDU8jK7RUU+LMZC07TDwKZGytk679A5F8Li1wSLJxnfVce76Th7geAsAM3SL2jXCNDHcVYUdRznZVVnWZFlJXkGNi7Lqo2Ni4xIiyJJ8rYbpllIqV+C0QX6JBkXPT7QjgvJ2ay/DNYQ1k3HvuZF+SXYWK81SgWzMELQCby1frP7AGG5BQgbNiDQgkgIXddt17KRC84FCaHj4g4drYWhsf3ZDjRokd1iECOpzMA45zPlAZE2RGvB7mkhhQf98JUdvrP7nxCnIUv8RurzH/4kvY5IMx8pBwbAz5PqO973fNiY2DBNXL6quFUUgl8RQpSZ6o4/nnj8LLMc6gyqN+xmC2x2aiLHiiixOYnnGtrobPsHfvrBfsYqq0Nb+fNvNOV7yPOs0gF5hJRtCUpaMFQdi3frK8v7z3dQ/TgMEZci68tiqPOh7hTjTo4o3oB549azw+hmwUSxyf/rvh264/14Iv0pFgnmpav+He8+F/8c2eOBHWObkf9KhuWBPyQ2jwSoXg+D4ZMTs5dXRjeNOIkg5yBv/Re4mwWqiDJutbOGbnkJN6eiy6CDbYN9/Du0norEDuNsLLWLJ/sLmxOdsqgs3LJNWR9RefQ9Y2wC2LvwlUurnPTzPXtMbZ5jeaXA6gli6WxkDCVOzbOiAbWF0pbaUBug9iIoLFE5vQeNb6+cfZdirtBE2uA0KT4pxgSV6rWrjHFEgGXBNcDqYXX2DW9XsHtXVXU78pl2podhr97NbsrD2tiu0udKnakQO8eu1K7VCLQzzLOkN4xCSTb9gmSbXTZ1/VGcvg33h+F4nJ8yX6auSF1ZhSZdM+Nhe0noTSALr01zgVRsOK89Go/KgUQrrJmNehyKr1mS9G2E72N+wb1U+OJwu1ujUErx6fPfH/746+OfX/4H0ZEgRMZ1T7EAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"New Alert Rule form\",\n    \"title\": \"New Alert Rule form\",\n    \"src\": \"/static/39007b4b7041025758e576a6e146c252/c1b63/generate-first-error-09.png\",\n    \"srcSet\": [\"/static/39007b4b7041025758e576a6e146c252/5a46d/generate-first-error-09.png 300w\", \"/static/39007b4b7041025758e576a6e146c252/0a47e/generate-first-error-09.png 600w\", \"/static/39007b4b7041025758e576a6e146c252/c1b63/generate-first-error-09.png 1200w\", \"/static/39007b4b7041025758e576a6e146c252/21482/generate-first-error-09.png 1350w\"],\n    \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"blockquote\", {\n    parentName: \"li\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"The new alert rule notifies the selected team members every time \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"an event is seen\"), \" in \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"All Environments\"), \" via \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Mail\")))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Save Rule\"), \" to create the new rule\"))), mdx(\"h2\", {\n    \"id\": \"next\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#next\",\n    \"aria-label\": \"next permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"viewBox\": \"0 0 24 24\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"d\": \"M10.879 6.05L15 1.93A5.001 5.001 0 0 1 22.071 9l-4.121 4.121a1 1 0 0 1-1.414-1.414l4.12-4.121a3 3 0 1 0-4.242-4.243l-4.121 4.121a1 1 0 1 1-1.414-1.414zm2.242 11.9L9 22.07A5 5 0 1 1 1.929 15l4.121-4.121a1 1 0 0 1 1.414 1.414l-4.12 4.121a3 3 0 1 0 4.242 4.243l4.121-4.121a1 1 0 1 1 1.414 1.414zm-8.364-.122l13.071-13.07a1 1 0 0 1 1.415 1.414L6.172 19.242a1 1 0 1 1-1.415-1.414z\",\n    \"fill\": \"currentColor\"\n  })))), \"Next\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/guides/integrate-frontend/initialize-sentry-sdk/\"\n  }), \"Introduce Sentry SDK to your Frontend Code\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#step-1-create-the-project","title":"Step 1: Create the project"},{"url":"#step-2-create-an-alert-rule","title":"Step 2: Create an alert rule"},{"url":"#next","title":"Next"}]},"internal":{"type":"Mdx"}}}},"pageContext":{"excerpt":"In this tutorial, you create a new  Project  in your Sentry account. Projects allow you to scope events to a distinct application in your organization and assign responsibility and ownership to specific users and teams within your organization. You can create a project for a particular language or framework used in your application. For example, you might have separate projects for your API server and frontend client. For more information see  Best Practices for Creating Projects Step 1: Create the project Login to your  Sentry organization Select  Projects  from the left side navigation menu to display the list of all your projects Click on the  + Create Project  button Note:  If there are no projects in your account --- you might be redirected to the onboarding wizard to create your first project. Select the language or framework for your project based on the code you wish to monitor --- in this case,  JavaScript . Give the project a  Name . Under  Set your default alert settings  check  i'll create my own alerts later Assign a Team  to the project. If you haven't defined any teams, you can either select the default org team (the team that has the same name as your Sentry Org) or click on the  +  button to create a new team. Click on  Create Project .\nThis takes you to the configuration page. Read through the quick Getting Started guide. Copy the  DSN key  and keep it handy as we will be copying the key into the source code. The DSN (or Data Source Name) tells the SDK where to send the events, associating them with the project you just created. Click on the  Got it!  button at the bottom to create the project. Step 2: Create an alert rule You can create various alert rules per project and let Sentry know when, how, and whom you want to notify when errors occur in your application.  Alert rules  consist of  Conditions  and  Actions , which are performed when the associated conditions are met. For more information, see  Alerts . When creating a new project, you can select to create it with an alert rule that notifies all project team members (via email) the first time a new  issue  appears. This means that the next time a  similar error  occurs, the notification is not triggered since the error is not \"new.\" In this step, you create a new Alert rule notifying  every time  an event occurs, even if it's associated with an already existing  issue . In a real-life scenario you'd probably add additional conditions, as you wouldn't want to be notified  every time  an event happens in your frontend code on your end user's browsers. From the project drop down list, find the new project and click on the  cog icon  to open the  Project Settings Click on  Alerts  to open the Alerts Configuration page Click on  New Alert Rule In the New Alert Rule form, select an  Issue Alert  type and enter the following values The new alert rule notifies the selected team members every time  an event is seen  in  All Environments  via  Mail Click  Save Rule  to create the new rule Next Introduce Sentry SDK to your Frontend Code","title":"Create a Sentry Project","description":null,"draft":null,"noindex":null,"notoc":null,"sidebar_order":null,"redirect_from":["/guides/integrate-frontend/create-new-project/"],"keywords":null,"id":"f7379dff-abef-5470-8acd-24ea006b186b","legacy":false}},"staticQueryHashes":["1218203755","1222113826","1222113826","1766336459","2158593473","2764967025","3345802723","3818502851","3990806462","4015007367","4192517163","4264099332","518019976"]}