{"id":15942,"date":"2024-06-20T12:41:08","date_gmt":"2024-06-20T19:41:08","guid":{"rendered":"https:\/\/www.couchbase.com\/blog\/?p=15942"},"modified":"2024-07-02T08:13:07","modified_gmt":"2024-07-02T15:13:07","slug":"website-development-netlify","status":"publish","type":"post","link":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/","title":{"rendered":"Learning on the Couch with FreeCodeCamp: Website Deployment &#8211; Netlify"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">If you\u2019d like to watch this blog live, <\/span><a href=\"https:\/\/www.youtube.com\/watch?v=6YNjgfx0a3Q\"><span style=\"font-weight: 400;\">here is a video<\/span><\/a><span style=\"font-weight: 400;\"> of <\/span><a href=\"https:\/\/twitter.com\/nyahmacklindev\"><span style=\"font-weight: 400;\">Nyah Macklin<\/span><\/a><span style=\"font-weight: 400;\"> &amp; <\/span><a href=\"https:\/\/twitter.com\/jesslynnrose\"><span style=\"font-weight: 400;\">Jessica Rose<\/span><\/a><span style=\"font-weight: 400;\"> walking through the process of installing Visual Studio Code, otherwise read on!\u00a0<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Learning on the Couch: Episode 3 - How to use Netlify\" width=\"900\" height=\"506\" src=\"https:\/\/www.youtube.com\/embed\/6YNjgfx0a3Q?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/www.couchbase.com\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.couchbase.com\/blog\/learn-version-control-git-github\/\">In our last post<\/a>, we learned how to take snapshots of our code in time using Git and save and share those code snapshots with other developers using GitHub. Today, we will learn how to turn the code we wrote into real websites with real URLs we can share with others using Netlify.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What is Netlify?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">In simple terms, think of Netlify as a place where you can show other people your website. You\u2019ve witten code which currently either lives on your computer in Visual Studio Code or it lives on the web still in code form on GitHub. Netlify provides the space and tools to show it off to the world as a full website. It&#8217;s like opening a window and shouting, &#8220;Hey world, check out my website!&#8221;<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. \u00a0Making a Netlify Account<\/span><\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span style=\"font-weight: 400;\">First, head over to the <a href=\"https:\/\/protect-usb.mimecast.com\/s\/d0IXC7Dqz3tmLEEWt8cjQw?domain=netlify.com\/\">Netlify website<\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">You&#8217;ll want to click the big blue <strong>Sign Up<\/strong>\u00a0button in the top right corner.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">A page will pop up with options. If you&#8217;ve heard of GitHub, GitLab, or Bitbucket and have an account with one of them, great! Click on that. If not, click <strong>Sign up with email<\/strong>, and it&#8217;ll ask you to type in your email and a password for your Netlify account. Netlify might then ask you some questions to better understand how you will use their product. Give any required questions a response and move forward to the <strong>Continue to Deploy<\/strong>\u00a0button at the bottom. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Netlify should then take us to this <em>Deploy Your First Project<\/em>\u00a0page.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Deploying Your First Netlify Site<\/span><\/h3>\n<p><a href=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image3-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15943\" style=\"border: solid 1px black;\" src=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image3-3-1024x647.png\" alt=\"\" width=\"603\" height=\"381\" srcset=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image3-3-1024x647.png 1024w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image3-3-300x190.png 300w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image3-3-768x485.png 768w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image3-3-1536x970.png 1536w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image3-3-1320x834.png 1320w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image3-3.png 1999w\" sizes=\"auto, (max-width: 603px) 100vw, 603px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Since we just created a GitHub account in our last blog post, we can select <strong>Deploy with GitHub<\/strong> which will automatically link all GitHub repositories and allow you to create websites out of them on Netlify.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you haven\u2019t created a GitHub account yet, select <strong>Try Netlify Drop<\/strong>\u00a0at the bottom which is Netlify\u2019s drag and drop code feature. Find the folder on your computer for the code project you made and then drag it over to the center circle and drop it there.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image5-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15944\" src=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image5-3-1024x532.png\" alt=\"\" width=\"600\" height=\"312\" srcset=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image5-3-1024x532.png 1024w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image5-3-300x156.png 300w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image5-3-768x399.png 768w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image5-3-1536x798.png 1536w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image5-3-1320x686.png 1320w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image5-3.png 1999w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">After you drop your folder, the folder icon in the center will flash and say <em>Uploading<\/em>\u00a0and then you should get a page like this if the upload was successful.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image1-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15945\" src=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image1-4-1024x532.png\" alt=\"\" width=\"600\" height=\"312\" srcset=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image1-4-1024x532.png 1024w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image1-4-300x156.png 300w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image1-4-768x399.png 768w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image1-4-1536x798.png 1536w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image1-4-1320x686.png 1320w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image1-4.png 1999w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Netlify gave your site a unique URL which you can see live if you click <strong>Dismiss<\/strong> to this initial popup box and then <strong>Open Production Deploy<\/strong>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whatever website you uploaded now has a real life URL that you can share with the world!\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image4-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15946\" style=\"border: solid 1px black;\" src=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image4-3-1024x557.png\" alt=\"\" width=\"599\" height=\"326\" srcset=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image4-3-1024x557.png 1024w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image4-3-300x163.png 300w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image4-3-768x418.png 768w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image4-3-1536x835.png 1536w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image4-3-1320x718.png 1320w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image4-3.png 1999w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><\/a><\/p>\n<h3><span style=\"font-weight: 400;\">3. Naming Your Site<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Netlify automatically assigns a fun (but often strange) default name to your site:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span style=\"font-weight: 400;\">On your Netlify dashboard, click into <strong>Site Overview<\/strong>.<br \/>\n<a href=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image2-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15947\" style=\"border: solid 1px black;\" src=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/image2-3-1024x531.png\" alt=\"\" width=\"601\" height=\"312\" srcset=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image2-3-1024x531.png 1024w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image2-3-300x155.png 300w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image2-3-768x398.png 768w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image2-3-1536x796.png 1536w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image2-3-1320x684.png 1320w, https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/image2-3.png 1999w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">There&#8217;s a section titled <strong>Domain Settings<\/strong>. Click it.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">You&#8217;ll see an area labeled <strong>Options<\/strong>. Click it, and you can edit the site name to something you like better. Hit <strong>save<\/strong>!<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Here is mine! <a href=\"https:\/\/couchbasefreecodecampdatabasedocs.netlify.app\/\">Click this link<\/a> and see if it takes you anywhere!<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. (Optional) Your Very Own Web Address<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">If you have a domain name you&#8217;d like to use:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span style=\"font-weight: 400;\">In the same settings, scroll until you find <em>Domain Management<\/em>. Here, there&#8217;s a button <strong>Add a custom domain<\/strong>. Click and follow the simple steps.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Celebrate: Your Website is Live!<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">That&#8217;s it, friend! With just a few clicks and drags, you&#8217;ve got a live website.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">In Conclusion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Netlify might seem like magic, but with a guide like this, you&#8217;re completely in control. Remember, every great web developer started with steps just like these. So embrace the journey and enjoy every moment.<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Reference the <a href=\"https:\/\/www.google.com\/url?sa=t&amp;source=web&amp;rct=j&amp;opi=89978449&amp;url=https:\/\/docs.netlify.com\/&amp;ved=2ahUKEwiptqaA9OqGAxXwMjQIHSeJCE4QFnoECAYQAQ&amp;usg=AOvVaw2HkOPmFiNUUp59VYzJj9sl\">Netlify docs<\/a> if needed.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Keep building.<br \/>\n<\/span><span style=\"font-weight: 400;\">&lt;3 Couchbase<br \/>\n<\/span><span style=\"font-weight: 400;\">#LearningOnTheCouch<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019d like to watch this blog live, here is a video of Nyah Macklin &amp; Jessica Rose walking through the process of installing Visual Studio Code, otherwise read on!\u00a0 In our last post, we learned how to take snapshots [&hellip;]<\/p>\n","protected":false},"author":84838,"featured_media":15948,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1814,1815,2381],"tags":[9337,9832,1776],"ppma_author":[9897],"class_list":["post-15942","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-design","category-best-practices-and-tutorials","category-community","tag-application-development","tag-netlify","tag-web-application"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.8 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Learning on the Couch with FreeCodeCamp: Website Deployment - Netlify - The Couchbase Blog<\/title>\n<meta name=\"description\" content=\"Netlify might seem like magic, but with a guide like this, you&#039;re completely in control. Remember, every great web developer started with steps just like these.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learning on the Couch with FreeCodeCamp: Website Deployment - Netlify\" \/>\n<meta property=\"og:description\" content=\"Netlify might seem like magic, but with a guide like this, you&#039;re completely in control. Remember, every great web developer started with steps just like these.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/\" \/>\n<meta property=\"og:site_name\" content=\"The Couchbase Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-20T19:41:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-02T15:13:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM-1024x570.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"570\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nyah Macklin - Developer Evangelist\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@NyahMacklinDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nyah Macklin - Developer Evangelist\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/\"},\"author\":{\"name\":\"Nyah Macklin - Developer Evangelist @ Couchbase\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/69a3940e6ac02b2cdb3c95fbe435bb45\"},\"headline\":\"Learning on the Couch with FreeCodeCamp: Website Deployment &#8211; Netlify\",\"datePublished\":\"2024-06-20T19:41:08+00:00\",\"dateModified\":\"2024-07-02T15:13:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/\"},\"wordCount\":651,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM.png\",\"keywords\":[\"application development\",\"netlify\",\"web application\"],\"articleSection\":[\"Application Design\",\"Best Practices and Tutorials\",\"Community\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/\",\"name\":\"Learning on the Couch with FreeCodeCamp: Website Deployment - Netlify - The Couchbase Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM.png\",\"datePublished\":\"2024-06-20T19:41:08+00:00\",\"dateModified\":\"2024-07-02T15:13:07+00:00\",\"description\":\"Netlify might seem like magic, but with a guide like this, you're completely in control. Remember, every great web developer started with steps just like these.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#primaryimage\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM.png\",\"width\":2560,\"height\":1424,\"caption\":\"Development tutorial with Netlify\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.couchbase.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learning on the Couch with FreeCodeCamp: Website Deployment &#8211; Netlify\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"name\":\"The Couchbase Blog\",\"description\":\"Couchbase, the NoSQL Database\",\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\",\"name\":\"The Couchbase Blog\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"width\":218,\"height\":34,\"caption\":\"The Couchbase Blog\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/69a3940e6ac02b2cdb3c95fbe435bb45\",\"name\":\"Nyah Macklin - Developer Evangelist @ Couchbase\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/6a141e3847fc5140407d649ab3b4de7c\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png\",\"caption\":\"Nyah Macklin - Developer Evangelist @ Couchbase\"},\"description\":\"Nyah Macklin is a Developer Evangelist who cares about making developers lives easier. They do that through learning in public, teaching and speaking. Nyah can be found keynoting international conferences and on Twitter @NyahMacklinDev speaking about data privacy, security, and breakthrough developments in artificial intelligence. Reach out to Nyah on Twitter or on the Couchbase Discord to learn more!\",\"sameAs\":[\"https:\/\/x.com\/NyahMacklinDev\"],\"url\":\"https:\/\/www.couchbase.com\/blog\/author\/nyahmacklin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Learning on the Couch with FreeCodeCamp: Website Deployment - Netlify - The Couchbase Blog","description":"Netlify might seem like magic, but with a guide like this, you're completely in control. Remember, every great web developer started with steps just like these.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/","og_locale":"en_US","og_type":"article","og_title":"Learning on the Couch with FreeCodeCamp: Website Deployment - Netlify","og_description":"Netlify might seem like magic, but with a guide like this, you're completely in control. Remember, every great web developer started with steps just like these.","og_url":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/","og_site_name":"The Couchbase Blog","article_published_time":"2024-06-20T19:41:08+00:00","article_modified_time":"2024-07-02T15:13:07+00:00","og_image":[{"width":1024,"height":570,"url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM-1024x570.png","type":"image\/png"}],"author":"Nyah Macklin - Developer Evangelist","twitter_card":"summary_large_image","twitter_creator":"@NyahMacklinDev","twitter_misc":{"Written by":"Nyah Macklin - Developer Evangelist","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#article","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/"},"author":{"name":"Nyah Macklin - Developer Evangelist @ Couchbase","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/69a3940e6ac02b2cdb3c95fbe435bb45"},"headline":"Learning on the Couch with FreeCodeCamp: Website Deployment &#8211; Netlify","datePublished":"2024-06-20T19:41:08+00:00","dateModified":"2024-07-02T15:13:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/"},"wordCount":651,"commentCount":0,"publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM.png","keywords":["application development","netlify","web application"],"articleSection":["Application Design","Best Practices and Tutorials","Community"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/","url":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/","name":"Learning on the Couch with FreeCodeCamp: Website Deployment - Netlify - The Couchbase Blog","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#primaryimage"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM.png","datePublished":"2024-06-20T19:41:08+00:00","dateModified":"2024-07-02T15:13:07+00:00","description":"Netlify might seem like magic, but with a guide like this, you're completely in control. Remember, every great web developer started with steps just like these.","breadcrumb":{"@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.couchbase.com\/blog\/website-development-netlify\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#primaryimage","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2024\/06\/Screenshot-2024-06-20-at-1.38.58\u202fPM.png","width":2560,"height":1424,"caption":"Development tutorial with Netlify"},{"@type":"BreadcrumbList","@id":"https:\/\/www.couchbase.com\/blog\/website-development-netlify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.couchbase.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Learning on the Couch with FreeCodeCamp: Website Deployment &#8211; Netlify"}]},{"@type":"WebSite","@id":"https:\/\/www.couchbase.com\/blog\/#website","url":"https:\/\/www.couchbase.com\/blog\/","name":"The Couchbase Blog","description":"Couchbase, the NoSQL Database","publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.couchbase.com\/blog\/#organization","name":"The Couchbase Blog","url":"https:\/\/www.couchbase.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","width":218,"height":34,"caption":"The Couchbase Blog"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/69a3940e6ac02b2cdb3c95fbe435bb45","name":"Nyah Macklin - Developer Evangelist @ Couchbase","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/6a141e3847fc5140407d649ab3b4de7c","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png","caption":"Nyah Macklin - Developer Evangelist @ Couchbase"},"description":"Nyah Macklin is a Developer Evangelist who cares about making developers lives easier. They do that through learning in public, teaching and speaking. Nyah can be found keynoting international conferences and on Twitter @NyahMacklinDev speaking about data privacy, security, and breakthrough developments in artificial intelligence. Reach out to Nyah on Twitter or on the Couchbase Discord to learn more!","sameAs":["https:\/\/x.com\/NyahMacklinDev"],"url":"https:\/\/www.couchbase.com\/blog\/author\/nyahmacklin\/"}]}},"authors":[{"term_id":9897,"user_id":84838,"is_guest":0,"slug":"nyahmacklin","display_name":"Nyah Macklin - Developer Evangelist","avatar_url":{"url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png","url2x":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2023\/12\/image_2023-12-08_125555188.png"},"author_category":"","last_name":"Macklin - Developer Evangelist","first_name":"Nyah","job_title":"","user_url":"","description":"Nyah Macklin is a Developer Evangelist who cares about making developers lives easier. They do that through learning in public, teaching and speaking. Nyah can be found keynoting international conferences and on Twitter @NyahMacklinDev speaking about data privacy, security, and breakthrough developments in artificial intelligence. Reach out to Nyah on Twitter or on the Couchbase Discord to learn more!"}],"_links":{"self":[{"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/posts\/15942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/users\/84838"}],"replies":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/comments?post=15942"}],"version-history":[{"count":0,"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/posts\/15942\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/media\/15948"}],"wp:attachment":[{"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/media?parent=15942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/categories?post=15942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/tags?post=15942"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=15942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}