<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Archana Gandhi</title>
    <description>The latest articles on Forem by Archana Gandhi (@archanagandhi).</description>
    <link>https://forem.com/archanagandhi</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F733939%2F89de4297-55a0-4397-b2ff-293e0209b882.jpeg</url>
      <title>Forem: Archana Gandhi</title>
      <link>https://forem.com/archanagandhi</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/archanagandhi"/>
    <language>en</language>
    <item>
      <title>How to deploy a static website in Netlify for free</title>
      <dc:creator>Archana Gandhi</dc:creator>
      <pubDate>Sat, 15 Jan 2022 03:28:14 +0000</pubDate>
      <link>https://forem.com/archanagandhi/how-to-deploy-a-static-website-in-netlify-for-free-3dg9</link>
      <guid>https://forem.com/archanagandhi/how-to-deploy-a-static-website-in-netlify-for-free-3dg9</guid>
      <description>&lt;p&gt;The question we all have after building our first website is "how to host" and "where to host" that too for FREE. I've the same question on my mind after creating my first ever website. &lt;/p&gt;

&lt;p&gt;Here is a solution of you, In this article I'm going to show you the step-by-step process on how to host a static website in &lt;a href="https://www.netlify.com/" rel="noopener noreferrer"&gt;netlify&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  What and Why Netlify?
&lt;/h3&gt;

&lt;p&gt;&lt;em&gt;Netlify is a cloud computing company that offers hosting and serverless backend services for web applications and static websites.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Netlife is free and easy to use. You can deploy your project in seconds from github repo. It also provides free SSL certificate.&lt;/p&gt;

&lt;p&gt;If you haven't signed up yet, Go ahead and &lt;a href="https://app.netlify.com/signup" rel="noopener noreferrer"&gt;Signup&lt;/a&gt; for free.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 1: Add your website
&lt;/h3&gt;

&lt;p&gt;Once you've done with the signup process, You'll be headed to Overview page.There are two ways to add your site in netlify.You can either add from Github, Gitlab or bitbucket (or) You can simply drag and drop your website folder.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fycyfenyqawqw9x99d90n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fycyfenyqawqw9x99d90n.png" alt="Overview page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  First Method (Git)
&lt;/h3&gt;

&lt;p&gt;Once you've clicked "New site from Git", This page will appears.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu9896f63r7n7u1viitiq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu9896f63r7n7u1viitiq.png" alt="git"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You need to connect to your github account and authorize it.&lt;br&gt;
Now just choose the repository you want to deploy and click deploy site.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkisyqp8d9u0udh8a3p5d.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkisyqp8d9u0udh8a3p5d.png" alt="repos"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once the build completes, your site is deployed.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdqinb5muz247vqgxbt7m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdqinb5muz247vqgxbt7m.png" alt="deploy"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Second Method (drag N drop)
&lt;/h3&gt;

&lt;p&gt;This method is pretty simple, You just need to drag and drop the project folder and you are done with the deployment.&lt;/p&gt;

&lt;p&gt;So you can deploy in any of the methods. After deploying, Netlify will automatically create name for your site. You can change it in "site settings -&amp;gt; change site name"&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhjfwklw1dl1hakxczvdo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhjfwklw1dl1hakxczvdo.png" alt="site"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can also set up custom domain and push new changes to the site.&lt;/p&gt;

&lt;p&gt;Anndddd, It's all DONE. You site is now live!!!!&lt;/p&gt;

&lt;p&gt;If you like this post, Please like and follow me! &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>netlify</category>
      <category>beginners</category>
      <category>javascript</category>
    </item>
    <item>
      <title>My first Hacktoberfest experience 2021 !!!</title>
      <dc:creator>Archana Gandhi</dc:creator>
      <pubDate>Sat, 13 Nov 2021 07:16:55 +0000</pubDate>
      <link>https://forem.com/archanagandhi/my-first-hacktoberfest-experience-2021--39po</link>
      <guid>https://forem.com/archanagandhi/my-first-hacktoberfest-experience-2021--39po</guid>
      <description>&lt;p&gt;It was 2020 and everyone is posting their hacktoberfest swags on Linkedin, That's how I came to know about hacktoberfest and open source contribution. I started learning Git &amp;amp; Github and participated in some open-source programs. But I always wanted to participate in hacktoberfest and it comes. &lt;/p&gt;

&lt;h3&gt;
  
  
  The First Pull-Request
&lt;/h3&gt;

&lt;p&gt;The one thing I hate about hacktoberfest is there is a lot of excluded spam repositories. I never knew that. I was so excited that my first pr is merged but in the end, it's an excluded project 😂. So finding the right repository is challenging too.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OedQHaNQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/br2cs0m6k8snzjtdgwii.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OedQHaNQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/br2cs0m6k8snzjtdgwii.png" alt="PR's" width="880" height="490"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Learnings
&lt;/h3&gt;

&lt;p&gt;Finally, I was able to complete 4+2 Pull requests in 15 days and it took 15 days to get accepted by hacktoberfest. &lt;/p&gt;

&lt;p&gt;I spent most of my extra time contributing and finding good projects. I learnt many things not only coding but also how to write good commit messages 😂&lt;/p&gt;

&lt;p&gt;The best and fun part is working in the command prompt as I feel like a hacker 😁&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;It was a very good start and was fun contributing to open source. Coming to the swags, It is going to be my first swag in my tech life and hactoberfest introduce me to DEV community and I am posting my experience here because of hactoberfest. &lt;/p&gt;

&lt;p&gt;Grateful 🌻&lt;/p&gt;

&lt;p&gt;I never wrote a blog before, This is my first blog too. (Please ignore my mistakes🥺🤞) Feedbacks are always welcomed 😊&lt;/p&gt;

&lt;p&gt;Bubye!! See you in the next post. Happy November ❤❤&lt;/p&gt;

</description>
      <category>hacktoberfest</category>
      <category>beginners</category>
      <category>opensource</category>
      <category>git</category>
    </item>
  </channel>
</rss>
