{
    "componentChunkName": "component---src-templates-blog-post-js",
    "path": "/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-6/",
    "result": {"data":{"markdownRemark":{"html":"<div class=\"table-of-contents\">\n<ul>\n<li>\n<p><a href=\"#handling-form-submission\">Handling form submission</a></p>\n</li>\n<li>\n<p><a href=\"#creating-a-mongodb-atlas-account\">Creating a MongoDB Atlas account</a></p>\n<ul>\n<li><a href=\"#set-an-organization-name--a-project-name\">Set an organization name &#x26; a project name</a></li>\n<li><a href=\"#choose-shared-clusters---free-tier\">Choose Shared Clusters - FREE TIER</a></li>\n<li><a href=\"#select-your-preferred-cloud-provider-and-region\">Select your preferred cloud provider and region.</a></li>\n<li><a href=\"#select-mo-sandbox-for-cluster-tier\">Select MO Sandbox for cluster tier.</a></li>\n<li><a href=\"#enter-a-name-for-your-cluster-in-the-cluster-name-field\">Enter a name for your cluster in the cluster name field.</a></li>\n<li><a href=\"#click-on-create-cluster-to-deploy-the-cluster\">Click on Create Cluster to deploy the cluster.</a></li>\n<li><a href=\"#click-on-connect-in-the-clusters-view\">Click on CONNECT in the clusters view.</a></li>\n<li><a href=\"#click-on-allow-access-from-anywhere\">Click on Allow Access from Anywhere.</a></li>\n<li><a href=\"#click-on-add-ip-address\">Click on Add IP Address.</a></li>\n<li><a href=\"#create-a-database-user-for-your-cluster\">Create a Database User for your Cluster</a></li>\n<li><a href=\"#add-a-database\">Add a Database</a></li>\n<li><a href=\"#click-on-add-my-own-data\">Click on Add My Own Data</a></li>\n</ul>\n</li>\n</ul>\n</div>\n<h6 id=\"this-blog-post-is-part-of-a-series-you-must-finish-part-1-part-2-part-3-part-4--part-5-before-continuing-here\" style=\"position:relative;\"><a href=\"#this-blog-post-is-part-of-a-series-you-must-finish-part-1-part-2-part-3-part-4--part-5-before-continuing-here\" aria-label=\"this blog post is part of a series you must finish part 1 part 2 part 3 part 4  part 5 before continuing here permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>This blog post is part of a series. You must finish <a href=\"https://hemanta.io/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-1/\">part-1</a>, <a href=\"https://hemanta.io/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-2/\">part-2</a>, <a href=\"https://hemanta.io/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-3/\">part-3</a>, <a href=\"https://hemanta.io/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-4/\">part-4</a> &#x26; <a href=\"https://hemanta.io/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-5/\">part-5</a> before continuing here.</h6>\n<h3 id=\"handling-form-submission\" style=\"position:relative;\"><a href=\"#handling-form-submission\" aria-label=\"handling form submission permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Handling form submission</h3>\n<p>When a user submits the registration form, we will send the user details to the server and save them in a database.</p>\n<p>We will use MongoDB, which is a document database. In MongoDB, databases hold one or more collections of documents.</p>\n<p><strong>Collection</strong>: Collections are analogous to tables in relational databases. Each record in a MongoDB collection is a document.</p>\n<p><strong>Document</strong>: MongoDB stores data records as BSON documents, which are binary representations of JSON documents. MongoDB documents have similar structure to JavaScript objects and are composed of field-value pairs. MongoDB does not require that all documents have the same structure.</p>\n<h3 id=\"creating-a-mongodb-atlas-account\" style=\"position:relative;\"><a href=\"#creating-a-mongodb-atlas-account\" aria-label=\"creating a mongodb atlas account permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Creating a MongoDB Atlas account</h3>\n<p>We will be using MongoDB Atlas (cloud based database-as-a-service) free tier to provide the database. This makes the “installation” operating system independent. I also use it as my production database for <a href=\"https://sundaray.io\">www.sundaray.io</a>.</p>\n<p>First, we will create an account on MongoDB Atlas, which is a fully-managed cloud database developed by the same people that build MongoDB.</p>\n<p>Go ahead and register for a new Atlas account at the following link.</p>\n<p><a href=\"https://account.mongodb.com/account/register\">https://account.mongodb.com/account/register</a></p>\n<p>You can register for an Atlas account using your Google account or email address.</p>\n<h4 id=\"set-an-organization-name--a-project-name\" style=\"position:relative;\"><a href=\"#set-an-organization-name--a-project-name\" aria-label=\"set an organization name  a project name permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Set an organization name &#x26; a project name</h4>\n<p>During the registration process, MongoDB will ask you to set an organization name and a project name.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 678px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/7decb0785c3f2775553f1afd144ca40b/dc057/atlas0.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 72.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABdElEQVQoz42Si46bMBBF8//f2FbZBRJiwMaPefnFyoEkW2mj9ujKsowOM3g4BUBA2hP2AO7ruC7dogLi8wT+Xk9PGZGZI7OIREQ2Zl200cba1SFQO29PIxIHPJSXrJ37fRnO43XPx3i9zNN5vH6q8Txeh2n6NfSduiljmv+9cgA01vVKDZP6c7n0SnXqNuqlayfTME83rYdZ9ZNSRr9kwNZSSjmlXHKtpda6lVKP5BJjOpJSilkkMQuxNBmJSylmtS6EAGBWa6y1zjsfVusAsW5b3X6AWE6IVEqZtTHWBcClbaz1wfmgzYpE2xvuMjV5uI7nrrfO55xTjCLt0nNOLAwAOZe3lWut2phpXgAPANqWiLANAmNK+UHZqeUl79MqpWz/4nBrbTIRp5w/++Gj66d5cd7Z+935O+3uGt5575wDgDaMb9/Me9vzohdtiEh+gu+JMT6bZ3m0nVKObY75+eJ31AetcvtJJIpEiUliYon/GUT6AgX1KWUrlep8AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/7decb0785c3f2775553f1afd144ca40b/dc057/atlas0.png\"\n        srcset=\"/static/7decb0785c3f2775553f1afd144ca40b/56d15/atlas0.png 200w,\n/static/7decb0785c3f2775553f1afd144ca40b/d9f49/atlas0.png 400w,\n/static/7decb0785c3f2775553f1afd144ca40b/dc057/atlas0.png 678w\"\n        sizes=\"(max-width: 678px) 100vw, 678px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>An organization can contain multiple projects. By having multiple projects within an organization, you can isolate different environments (for instance development/production) from each other.</p>\n<h4 id=\"choose-shared-clusters---free-tier\" style=\"position:relative;\"><a href=\"#choose-shared-clusters---free-tier\" aria-label=\"choose shared clusters   free tier permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Choose Shared Clusters - FREE TIER</h4>\n<p>By using the FREE TIER, the default setup is to deploy a MongoDB cluster with a replica set.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 800px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/bb7b3f67b5db2906bc2b0cb0976d060b/43dd6/atlas1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 57.50000000000001%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAB1klEQVQoz02SzaoUMRCF54V8AsGNG1/Dvbhw4UO5EUF8ABcqohsREUTQ6zjd6fx0fjqpSlWSkp65jh6Kswj1cQ5FDkzcuDExE9daU865Ao9Onam3ujsnLGVVNZrbCRfXh59G/dDT0emj1dQYEBNkHf2ak0meGotIxoJeuS245G3yfXQRoaAPytnjomZrZmuYOSNmhFzKlvOWcyml9V4qYDAF8freRSiaw7Is1jqjtTUWAErFmLdpmudZnaZ5mmdiOsM6bTmcta6+D2nJHoCqsatbVx+TDMkAwLUyrT6EGAHxtnbQLD3GFGIkIrkkQ8VJLav3Wy77HkAmiGU7TWr1Qc66wBvhrJbTrKxzrZ/hQqC1VYuOabvCGcuenOKWS6Xb2m10IqqVELGNC4yglDlNyrp1jJEBkOoeN87WxzVZrhrjb21C6712biulj/4P/k8XuMng3lrv3Hm/djAHHi1wCa3khtCpU/8wf73z7OH9l08evHp678Xju88ffbM3HC2Nljh7iom2Kh2D3mFfkg4OuPJogGiyfzt9fnPz6fX3j+9+f34/f3HZ12BYJDf+FdPGxCL7DxMR59ZZKQAQkQ3KpTYmCHrt3PbaFXBVUjNDOmpHJQkV8uoPgZWo2nFe6QMAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/bb7b3f67b5db2906bc2b0cb0976d060b/78d47/atlas1.png\"\n        srcset=\"/static/bb7b3f67b5db2906bc2b0cb0976d060b/56d15/atlas1.png 200w,\n/static/bb7b3f67b5db2906bc2b0cb0976d060b/d9f49/atlas1.png 400w,\n/static/bb7b3f67b5db2906bc2b0cb0976d060b/78d47/atlas1.png 800w,\n/static/bb7b3f67b5db2906bc2b0cb0976d060b/43dd6/atlas1.png 937w\"\n        sizes=\"(max-width: 800px) 100vw, 800px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p><strong>What are clusters in MongDB?</strong> <br>\nIn the context of MongoDB, the word <strong>cluster</strong> either refers to a replica set or a sharded cluster.<br>\nA <strong>replica set</strong> is the replication of a group of MongoDB servers that hold copies of the same data, thereby ensuring high availability and redundancy, which are crucial features to have in place in case of failovers and planned maintenance periods.<br>\nA <strong>sharded cluster</strong> is commonly known as horizontal scaling, where data is distributed across many servers.</p>\n</blockquote>\n<blockquote>\n<p><strong>What is MongoDB Atlas Cluster?</strong><br>\nMongoDB Atlas cluster is a NoSQL Database-as-a-service offering (<em>available in Microsoft Azure, Google Cloud Platform, Amazon Web Services</em>). You don’t need to install any software as you can connect to MongoDB directly from the web user interface.</p>\n</blockquote>\n<h4 id=\"select-your-preferred-cloud-provider-and-region\" style=\"position:relative;\"><a href=\"#select-your-preferred-cloud-provider-and-region\" aria-label=\"select your preferred cloud provider and region permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Select your preferred cloud provider and region.</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 800px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/33ce8389fe947419b12c81ff14bcc55a/4219d/atlas2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 55.49999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABcklEQVQoz42S207bQBCG/f6v1FKV2E5cCIX0IkpDQpoIYvBpd2fPO/YOigNXRYhPczH6pTnon0kwIAhQUmqlORcAQB/ReRBBMy95UMxLhTbGmChvDl25q8tHXrWCGWOIKMZI9BZjThqt7T2gkcFA0G4IRJQINELx/f1SWeiMAM4YQB/clrnbF/us0GFPY5v/SQy61nKwVRfA9eF9LGEkN9DnJErpp7I8PB7/7ffHY1k3DYDsGG9PNGeklFwILkTdNHVdv1RVCOPanLHrq2KSZmmWp1meT4vdw8P819WPn5dplk+yLMunm+3u9uZucfdnNivyfDqf/5ZSnYop9t4qH3A4EyPFAZ11PrwL0WHfAGsV51ZyK20McTQhwYhScQFSG6O1pkgBbcvLk6J1QCSiygDXsjNCoZXe2D4A6nHyp5zNO1RPxeI6vSm+zyYXs/Tb9LLm7VeKxw/harHcrNfr1d/1crW632zfDKMvMETC4YNLvwLIGHLim15bZQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/33ce8389fe947419b12c81ff14bcc55a/78d47/atlas2.png\"\n        srcset=\"/static/33ce8389fe947419b12c81ff14bcc55a/56d15/atlas2.png 200w,\n/static/33ce8389fe947419b12c81ff14bcc55a/d9f49/atlas2.png 400w,\n/static/33ce8389fe947419b12c81ff14bcc55a/78d47/atlas2.png 800w,\n/static/33ce8389fe947419b12c81ff14bcc55a/4219d/atlas2.png 866w\"\n        sizes=\"(max-width: 800px) 100vw, 800px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h4 id=\"select-mo-sandbox-for-cluster-tier\" style=\"position:relative;\"><a href=\"#select-mo-sandbox-for-cluster-tier\" aria-label=\"select mo sandbox for cluster tier permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Select MO Sandbox for cluster tier.</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 800px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/b5a2ac7b0d3bce31f0bb7ccb0629a838/3f4de/atlas4.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 52%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABg0lEQVQoz11SW44cMQic+x8oyinyGWlHq2RXm+np6fYDG2NswO6kJ/nZlBCUkEqFgIuaYSmFyMyOz2DrUTB29C3Fls/ci2NwnKo2G3YRVee9D7G1pmrSRVRFpbWeKzqCrBWNQQilFm3Qy5J36jzmPMU5IxUiopwRIGFGxBJDhAi1sIlZ12nzv7lsjFO8Q4iYHISQIVUMCKvbkSlkWPY1IPgUV3+6lV736HIt868YpV5pudLyUm5rizItEbp0Emx03x+sXaZt4FMtb4m+3cPVJ9Q257zkTn1qN0mExJUrN25cmZnbE5XoLNyYOReWMWXMIjzmuACXygwxxRB9CAHAQ9y93713IYQEm/ebc2c/xhBjTkBcUeh0rtI+qnsv2wt8XOGXL7D47WO/O4xb8jf/eCS/Jf++LXty39f16+vth9vE5HTWYTBrmm3R+NB0HEfjVko5jmPOSVTnGMdxQEpD5S3WLz/TDcq/bauZjjNkqJiOMeyJ8cQncp5MS9euNuf88yS/AdfwPYBVoLzIAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/b5a2ac7b0d3bce31f0bb7ccb0629a838/78d47/atlas4.png\"\n        srcset=\"/static/b5a2ac7b0d3bce31f0bb7ccb0629a838/56d15/atlas4.png 200w,\n/static/b5a2ac7b0d3bce31f0bb7ccb0629a838/d9f49/atlas4.png 400w,\n/static/b5a2ac7b0d3bce31f0bb7ccb0629a838/78d47/atlas4.png 800w,\n/static/b5a2ac7b0d3bce31f0bb7ccb0629a838/3f4de/atlas4.png 898w\"\n        sizes=\"(max-width: 800px) 100vw, 800px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h4 id=\"enter-a-name-for-your-cluster-in-the-cluster-name-field\" style=\"position:relative;\"><a href=\"#enter-a-name-for-your-cluster-in-the-cluster-name-field\" aria-label=\"enter a name for your cluster in the cluster name field permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Enter a name for your cluster in the cluster name field.</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 800px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/13bd83bfe2ae4bdd05b6039685f48719/f3cf6/atlas5.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 23%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAIAAADKYVtkAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAmklEQVQY03WQjQrCMAyE+/4Pqktryxxrfrokla4qivhxBALJ5UiQ1qQJi5i79z50Yj9SN9GDtZE21mbuYQFYACDG41AzUx3VbFp9Ye43vi9ULpivmM0sQEwxpVLKtm1IVGutOFBVd885Q0wAcV1XRGQiIR5i7r2HkfDPKXeviPteXyASIeJeK4uMZTWbQfXM/GS2p+P7C5/M+QfuWiRuHt/i+gAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/13bd83bfe2ae4bdd05b6039685f48719/78d47/atlas5.png\"\n        srcset=\"/static/13bd83bfe2ae4bdd05b6039685f48719/56d15/atlas5.png 200w,\n/static/13bd83bfe2ae4bdd05b6039685f48719/d9f49/atlas5.png 400w,\n/static/13bd83bfe2ae4bdd05b6039685f48719/78d47/atlas5.png 800w,\n/static/13bd83bfe2ae4bdd05b6039685f48719/f3cf6/atlas5.png 890w\"\n        sizes=\"(max-width: 800px) 100vw, 800px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h4 id=\"click-on-create-cluster-to-deploy-the-cluster\" style=\"position:relative;\"><a href=\"#click-on-create-cluster-to-deploy-the-cluster\" aria-label=\"click on create cluster to deploy the cluster permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Click on Create Cluster to deploy the cluster.</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 800px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/aa1104a6dd523d01a9edec0efd95f2a2/5c9dd/atlas6.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 11.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAIAAADXZGvcAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAeElEQVQI1yXGPQ5BURCG4bs/tQ1YhFJrIRodhUIibiHWoJGb3EKikFCYnzMz35wjKN4nb0eOO7sjzUxLMbNvbvb3N+6emQi8i2zH83o4rq6Hy3PsOOqNArWpKhGJCDOLaIQjgEBEAGitVeSDXrN+Od0vJrv5Zjh9AA8gbbJ3MsYzAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/aa1104a6dd523d01a9edec0efd95f2a2/78d47/atlas6.png\"\n        srcset=\"/static/aa1104a6dd523d01a9edec0efd95f2a2/56d15/atlas6.png 200w,\n/static/aa1104a6dd523d01a9edec0efd95f2a2/d9f49/atlas6.png 400w,\n/static/aa1104a6dd523d01a9edec0efd95f2a2/78d47/atlas6.png 800w,\n/static/aa1104a6dd523d01a9edec0efd95f2a2/5c9dd/atlas6.png 836w\"\n        sizes=\"(max-width: 800px) 100vw, 800px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h4 id=\"click-on-connect-in-the-clusters-view\" style=\"position:relative;\"><a href=\"#click-on-connect-in-the-clusters-view\" aria-label=\"click on connect in the clusters view permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Click on CONNECT in the clusters view.</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 700px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/5a83570bebc04b343d4ab91b27affc74/a27c6/atlas7.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 64%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABnklEQVQoz42SS47bMAyGfdPepMveovfoorsWGHQ5QBeDTprGmWn8iGVZL4qiSLmwnSYp0MV8S5E/f4pk1bTt04/n3X4fAOZ5FpFSSpnn8gYqInLOWmsTZSmLJueMieY3UGWRKSBcspd6vHLvsAWumptzyPTt2H9v/IvGgwKLeYmuSYDoAVzw2pjJunGatDHjZIxzIYIHqBi9V40bWg8QeV5a/0tEdADtedgd6p/18Wm33x+Pz78Ou0OtrV3ExbRT9+qavW3rtajtz2etJwcBMBrnumE4j+Nr29anU/371A2qG5TS0yKW6Fz3YpsavaXMmQhTIiIRgdXZQyi5fDk+vvv84f3Dx96OiMnHuIgzS3dWSpuISPTPkOPlzwGRatV82j18rR+1sz4EB2EV59z3PUCIK4h4HSwiWutCADXqtK2jzMycmRNRjLFiZuuciOQVEbk6s8i2tu19YytNRCGERTxqba0NIaSU7tu+L1TuF309EmZWSg1qIcYIMTLzxZl5m9xcShbOcrucrc3qcszldluX3kqJMU7GAED6L0R/ABdG7xMjf7pUAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/5a83570bebc04b343d4ab91b27affc74/a27c6/atlas7.png\"\n        srcset=\"/static/5a83570bebc04b343d4ab91b27affc74/56d15/atlas7.png 200w,\n/static/5a83570bebc04b343d4ab91b27affc74/d9f49/atlas7.png 400w,\n/static/5a83570bebc04b343d4ab91b27affc74/a27c6/atlas7.png 700w\"\n        sizes=\"(max-width: 700px) 100vw, 700px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h4 id=\"click-on-allow-access-from-anywhere\" style=\"position:relative;\"><a href=\"#click-on-allow-access-from-anywhere\" aria-label=\"click on allow access from anywhere permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Click on Allow Access from Anywhere.</h4>\n<p>When you deploy your application, you would want everyone to access your application.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 777px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/9f123859bdfa63f76212cf236ce1056b/93714/atlas8.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 45.49999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABOElEQVQoz4WQT0sDMRDF9/sfPOhBL+JJ8NBDDyJ+hYpY0OLJi91W6XazO0lm8m+TGVm3SAXBx0uYvMlvIKlCCEp1XQ89AIBulVKqa/b7EIL8p4qZczlWnhYzTzem4uf4C845q64DDRqg7yGm6N0oREIk51yMiYj+hp33qusU6D1YBQa0sRatRUQickTfU4imfezRmCNRKaWKKTpC8tG46GLikkfzfy5ZmCsugaAmqLF/d3obcOfNp9e/7PSH09sSDCfkhDKgJMs5VBp6r40MLD5JSOJiiVFkEMnCWSQzD8LDIZnCMkiJzLlSbXe9vD99mp09zs6X85OHm8V6lXwy9vDwoD7sbo1NjU1tm3Vs6xGePkxE7t8X5y/zy9fbq9e7i9X8uXmLLhgz4hYxtNtvbIPNxjabcAR/AX/OAiLAl0WrAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/9f123859bdfa63f76212cf236ce1056b/93714/atlas8.png\"\n        srcset=\"/static/9f123859bdfa63f76212cf236ce1056b/56d15/atlas8.png 200w,\n/static/9f123859bdfa63f76212cf236ce1056b/d9f49/atlas8.png 400w,\n/static/9f123859bdfa63f76212cf236ce1056b/93714/atlas8.png 777w\"\n        sizes=\"(max-width: 777px) 100vw, 777px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h4 id=\"click-on-add-ip-address\" style=\"position:relative;\"><a href=\"#click-on-add-ip-address\" aria-label=\"click on add ip address permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Click on Add IP Address.</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 785px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/4913361fccc87ea81b8833696b52a531/18baa/atlas9.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 54.49999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABf0lEQVQoz4WRXY7VMAyFu79ZAJvgBdaFNKwFiSc0At3bmd5O2zS1Hdv5cYLSC6MRLxx9kY+iWHbsQVX9cQoAEHfvvT8252KM7X8azCz9UU45i6rGqKqlWGutnnoz79WTSynHAUiEiESUc45dSUSZWVRTzixyf/1vZRFd13V1++r2ZXPe9/YB4AyIhBQCAIYQmJmITiPMYmY9mSgcnHYuqKUUM6v9nLJa79bMSin9bzmXUnLOtdahFo3wHOFF/DXilGiJOCtMCjd9MzAJTBahZW45dBLWogMHRL8IeYKNyTPuGg5LfBJKDJbucCvaLP5Fm+Vhus3X5xdA2na/OX97XfYDrLbSm7/PuWO1mdXSsTtW69BaC8yXcdy9TznFFDVGFhHVxW2XcbzN87wsB/SNUAiqSTWJJE15qLWyiHMOiVLOMaV4jiXlTCH4vkaEvsY+cMLjdb1My69xfmLGXplVg2oQwRDeQ8x83gcRYnY7PP38/uHx08PXzw9fPv64fvsNGiZ4Du08H1kAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/4913361fccc87ea81b8833696b52a531/18baa/atlas9.png\"\n        srcset=\"/static/4913361fccc87ea81b8833696b52a531/56d15/atlas9.png 200w,\n/static/4913361fccc87ea81b8833696b52a531/d9f49/atlas9.png 400w,\n/static/4913361fccc87ea81b8833696b52a531/18baa/atlas9.png 785w\"\n        sizes=\"(max-width: 785px) 100vw, 785px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p><strong>What is an IP address?</strong><br>\nAny computer linked to a network has a unique address that identifies it, called an IP (Internet Protocol) address. It’s an address made up of a series of four numbers separated by dots (for example <del>127.0.0.1</del>) and represents a unique location on the web.</p>\n</blockquote>\n<h4 id=\"create-a-database-user-for-your-cluster\" style=\"position:relative;\"><a href=\"#create-a-database-user-for-your-cluster\" aria-label=\"create a database user for your cluster permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Create a Database User for your Cluster</h4>\n<p>You must create a database user to access your cluster. For security purposes, Atlas requires clients to authenticate as MongoDB database users to access clusters.</p>\n<p>Database users are different from Atlas users:</p>\n<ul>\n<li>Database users can access databases hosted in Atlas.</li>\n<li>Atlas users can login to Atlas but don’t have access to MongoDB databases.</li>\n</ul>\n<p>Set the Username &#x26; Password. You should store the password somewhere safe; we will need the password later.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 776px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/ec3d0703cdcf1d5bd44f3158c77be052/cfc60/atlas10.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 44.49999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABUElEQVQoz42PS8rVQBCFs2Mnjhy4CMGRuBblB/UfiIIL0Hvz6O50kn7WozvdSSQZeEEcePgoDhSHqtPc7m3b9cYYpUY9zUJK59y+77XWrdZt2+rFZfa67fvxUHMcx1pLvEREIQbnPSJFiEiERICISJRySDVwKdsj3kg1qlHHGK111jlEPP5bDac0zbNQSqhRjqOYFulIe5iNWYxZrJ0X47znlIgvUro8r6Wcb9sQBql6pbph+DWon2K6CdUJ0Qk5SKm0PosQAyGcRRiIImLK+Qo71/a99R4QIwAgRAAkHue5HfqAYILXdpmsOaczkfARRqJRaySq21Zq/YOOSzsNExibwsLOphAYpriknEou61qa/TiIOQAA0V9EQg8xIAQEYpZ+fv38/uWnt6++vHvx9OZu5Xk5r2vK+Z/kfK74tGtk/Nz9+Hj/9nT//uH21TP8Blbr/ffmdKFsAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/ec3d0703cdcf1d5bd44f3158c77be052/cfc60/atlas10.png\"\n        srcset=\"/static/ec3d0703cdcf1d5bd44f3158c77be052/56d15/atlas10.png 200w,\n/static/ec3d0703cdcf1d5bd44f3158c77be052/d9f49/atlas10.png 400w,\n/static/ec3d0703cdcf1d5bd44f3158c77be052/cfc60/atlas10.png 776w\"\n        sizes=\"(max-width: 776px) 100vw, 776px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h4 id=\"add-a-database\" style=\"position:relative;\"><a href=\"#add-a-database\" aria-label=\"add a database permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Add a Database</h4>\n<p>In the clusters view, click on <del>COLLECTIONS</del>.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 708px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/7b148f2ce50492399a70596962e3b455/d65de/atlas12.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 64.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABnklEQVQoz5VSy27bMBDUV/Z3+hc99R966KXHfkFQBC6KwnUcy6lkxZLM5y6Xu0sWltrCyCkZLHgYYpZDzDRzSGeHZ5dc4vpGNL/708/t7uHxkCivVCnltWIV4UxESVVXGRHlnF8lxszt7C3S8qYWXSGlFBZhZmEWVRHRm5OvF9I4grt2+NG7/QgPU0L+67nU6mMMAJMxwzj1z+en4XQaz93wfLEuAASARlVoAUuRnEsKhaCkoCoR0Xrfdv2uPe4PT23bHY7d9vHQdr0LERAbVR2nyVo7GTN3B7PfDLvvl/0meBtTMt5Pxljv74/br7/uNsed82G21oYQERsRcc5Za5mlqNSMlaAylVrj4s1DrFw+fPv07sv7j/efc2K/kFfbRNT3J+scAKRE/1MqtQLi+rcAMHs3mOniXUSMiJgSpNTknI0xOee0gBItwusSQPQhIOI4TsyyVmANAwAQsWFm55yIZOYX8d62pSyo/4g1xat4HMdpmq1zqnorzspUOEl+MSiUhUspDYv4EEKIIvKiQEjJhUCcWeV2rks5Fy1/ANlo8DM2oSaMAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/7b148f2ce50492399a70596962e3b455/d65de/atlas12.png\"\n        srcset=\"/static/7b148f2ce50492399a70596962e3b455/56d15/atlas12.png 200w,\n/static/7b148f2ce50492399a70596962e3b455/d9f49/atlas12.png 400w,\n/static/7b148f2ce50492399a70596962e3b455/d65de/atlas12.png 708w\"\n        sizes=\"(max-width: 708px) 100vw, 708px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h4 id=\"click-on-add-my-own-data\" style=\"position:relative;\"><a href=\"#click-on-add-my-own-data\" aria-label=\"click on add my own data permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" 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\"></path></svg></a>Click on Add My Own Data</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 800px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/ebeb9bba2c566a04cf79061433fe8b69/6a350/atlas13.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 59.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABQ0lEQVQoz42RyU7DMBBA85WcuMF3lAMSoP4DnCi/AEJCXLhUqNwQoqKI4myOYzuL18TjoLSigh7SvtPMSG80S6C0zggheR4nSYpxFMdCiK7rvPfdLgIAaNvWr3DOdV1nrW2apjLiM0YxyxrXKqUAwBhrrAUAKZXWWikViBVSqbqutdbwi3a2trK2qoV2U3QA3vtNGqzSf2zNtlX/Gwfd3ixo8p6hfzvvdLz3WvfrIobnGBnTX2Rf2TlH8pxSWle1qAWllDG2bjokAwAhhBcF47w3OCc55ZwXRck4r6pqh7xEaL74QFEUpQmKw+8wDKMoSfF68mHZ85RKUhkm28oYLkmKlRRayraxQ/L6G9dv96Pp1flscjabnE4vXxfPTclUSVSRuRIPyL0+frk5uDs5erg4fhwf3o6m8yeO0zj8SuOl4ckP7Aex71oRgDYAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/ebeb9bba2c566a04cf79061433fe8b69/78d47/atlas13.png\"\n        srcset=\"/static/ebeb9bba2c566a04cf79061433fe8b69/56d15/atlas13.png 200w,\n/static/ebeb9bba2c566a04cf79061433fe8b69/d9f49/atlas13.png 400w,\n/static/ebeb9bba2c566a04cf79061433fe8b69/78d47/atlas13.png 800w,\n/static/ebeb9bba2c566a04cf79061433fe8b69/6a350/atlas13.png 832w\"\n        sizes=\"(max-width: 800px) 100vw, 800px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>Give your database a name. You will also have to specify the name of your collection. Note that the name of the collection you specify here does not really matter. We will manage the names of collections from mongoose. Moreover, if you specify a name that you don’t plan to use, you can simply delete it from the dashboard.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 438px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/b0a7db14f4f42b15064971b68364c6a8/a3b87/atlas14.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 105.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAIAAADJt1n/AAAACXBIWXMAAA7DAAAOwwHHb6hkAAACUklEQVQ4y41Uu27bMBTVr3Tv0J/pXPSH0jlAkG5d2wSpbL1sB6inbO0WIJZskgolitQjiiVLpG5BSQmKWglycAZC5NF98FwaZ2dn6/V6uVyupnA9hdVqtV6vz8/PDcdxAUApBW/GcNjzPMOyLAAQQiQJjxnLsowxxrngXBRF0XWdOkLbtgBgWZZhzmYAwIVAGBMSZlmGsF4hjLkQANB13WRk27YN0zRfSrt7AVLKMfKPiwsAYIyxhHPO8yzXJXA+nHilZh3ZdXXD7jb+JgiC7W6HySYI/CCo6loq1Up5zEPTPKXd11xV1X5fleVj02+8jqZvmGmaY7eruq7qel9VUqrngqVUk6wPOoA1nxuO4wBApEGjiMYsJoQghBiL+18ogO4/KiXHtB3HBoAtibeE7cKEUIHuuY8iQkVZqYe9PGZeHp7Ethbfovz3bXSfdTQHmkNUAM07ItQkd0yLHccx7F7MsiopmvRRaZYyLaV4kKIcmZbtuO4/JoUWz59rDsMQYxxstyQkfhAgjA6H+tksTxx8owYLfL+6HMV3vr9FKNjufF/fNiYhpXHcG4cl/J5GCGEu0izPaRSzhGvxz8sx7ZixvCjSLBMiZYkG59pnIk3TLBdpSmlUVZWCrlXyIPVVXZnmKFZKDQMwuPctI2kei//VD4thBpVSjWx/0T8WvrHRjYTOddzRYcP2JJqmIWG42fg4Cj98+/z+26d3Xz/ePmB3ZhuLxeKNL0kHgGvu76n/SMeRPD099TxvPp9bUzBnM7PHrMfKXVy7y2tn6XneycmXv1LmgXZ9xrbOAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/b0a7db14f4f42b15064971b68364c6a8/a3b87/atlas14.png\"\n        srcset=\"/static/b0a7db14f4f42b15064971b68364c6a8/56d15/atlas14.png 200w,\n/static/b0a7db14f4f42b15064971b68364c6a8/d9f49/atlas14.png 400w,\n/static/b0a7db14f4f42b15064971b68364c6a8/a3b87/atlas14.png 438w\"\n        sizes=\"(max-width: 438px) 100vw, 438px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>Click on <del>Create</del> and MongoDB will create our database. We will need the database name later.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 800px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/70c57a77396f6f2cd320ad4ab8b2e451/d28e0/atlas15.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 46%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABMklEQVQoz3WQbWsVQQyF5///tH7SQoUWay16uXvr7s5r3jMzsksRoXp4ICcQkkMC7bfb88Py5e7y9WH9/livL1OaKkCnos1Hn/8REYVBuS6vZXlNL/f786f242lCohZ/xuUGGyrNMd29nzJ3MxunR6JgWDivQ8Ahd4ErbStGVLrEt6JoZu6uelQzk1Pubm6iGkSEoOUUt3VFgMQFjAGRiEutZvYx8DiZcwY1LUhbyltMtTbTI2HKOaa47zuL9H6G9kNqNsb4syWoydv6jWGf3aUrGjXBpsQixMwiKedcSqkVmfeYiJmIjp4gcNd4+TzT1Sj/4j1JSVhLbRWgITYAJEb+C6KD04fjvPF0deMFV3YR0VRKA6BzlEVYlVUO8+7fCR//UVqLOcecS2sNsSJWgH/yG0dlCAtI28CUAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"MongoDB Atlas account creation\"\n        title=\"MongoDB Atlas account creation\"\n        src=\"/static/70c57a77396f6f2cd320ad4ab8b2e451/78d47/atlas15.png\"\n        srcset=\"/static/70c57a77396f6f2cd320ad4ab8b2e451/56d15/atlas15.png 200w,\n/static/70c57a77396f6f2cd320ad4ab8b2e451/d9f49/atlas15.png 400w,\n/static/70c57a77396f6f2cd320ad4ab8b2e451/78d47/atlas15.png 800w,\n/static/70c57a77396f6f2cd320ad4ab8b2e451/d28e0/atlas15.png 990w\"\n        sizes=\"(max-width: 800px) 100vw, 800px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>With this, our MongoDB Atlas configuration is complete.</p>\n<p>Go to <a href=\"https://hemanta.io/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-7/\">part-7</a></p>\n<style class=\"grvsc-styles\">\n  .grvsc-container {\n    overflow: auto;\n    position: relative;\n    -webkit-overflow-scrolling: touch;\n    padding-top: 1rem;\n    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\n    padding-bottom: 1rem;\n    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\n    border-radius: 8px;\n    border-radius: var(--grvsc-border-radius, 8px);\n    font-feature-settings: normal;\n    line-height: 1.4;\n  }\n  \n  .grvsc-code {\n    display: table;\n  }\n  \n  .grvsc-line {\n    display: table-row;\n    box-sizing: border-box;\n    width: 100%;\n    position: relative;\n  }\n  \n  .grvsc-line > * {\n    position: relative;\n  }\n  \n  .grvsc-gutter-pad {\n    display: table-cell;\n    padding-left: 0.75rem;\n    padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);\n  }\n  \n  .grvsc-gutter {\n    display: table-cell;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  \n  .grvsc-gutter::before {\n    content: attr(data-content);\n  }\n  \n  .grvsc-source {\n    display: table-cell;\n    padding-left: 1.5rem;\n    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\n    padding-right: 1.5rem;\n    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\n  }\n  \n  .grvsc-source:empty::after {\n    content: ' ';\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  \n  .grvsc-gutter + .grvsc-source {\n    padding-left: 0.75rem;\n    padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);\n  }\n  \n  /* Line transformer styles */\n  \n  .grvsc-has-line-highlighting > .grvsc-code > .grvsc-line::before {\n    content: ' ';\n    position: absolute;\n    width: 100%;\n  }\n  \n  .grvsc-line-diff-add::before {\n    background-color: var(--grvsc-line-diff-add-background-color, rgba(0, 255, 60, 0.2));\n  }\n  \n  .grvsc-line-diff-del::before {\n    background-color: var(--grvsc-line-diff-del-background-color, rgba(255, 0, 20, 0.2));\n  }\n  \n  .grvsc-line-number {\n    padding: 0 2px;\n    text-align: right;\n    opacity: 0.7;\n  }\n  \n</style>","frontmatter":{"title":"Implement JWT Based User Authentication in a MERN Stack App - Part 6","date":"2021-05-23"}}},"pageContext":{"slug":"/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-6/","prev":{"fields":{"slug":"/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-11/"},"frontmatter":{"modules":null}},"next":{"fields":{"slug":"/implement-jwt-based-user-authentication-in-a-mern-stack-app-part-7/"},"frontmatter":{"modules":null}}}},
    "staticQueryHashes": ["3159585216"]}