How to deploy web App for Free using Netlify

so today i'm going to show you like uh how you can host for free some of your project using netlify so netlify is a cloud computing company that offer hosting and serverless backend services for your web application so you can easily take advantage of this to host your website and it's easy to do like it's really really simple you will see in few clicks we will be able to deploy our our application so um first of all you need to create an account if you don't have it if you don't have one uh i already have so what i will do i'm just going to log in and there is many many ways to log in you can log in with your email github gitlab so i will log in with my github account and if you if if it's your first time maybe it will ask you to if you have a 2fa enable you it will ask you the the the code and you have to fill it fill that in so now i i just need uh my like a project to be able to deploy because it's really simple you can see there is a button here that said add new site so it's mean if you click here and it will just ask you like which way you want to like choose the space the way that you want to create a new site you know it's really simple to do so we will go for the deploy manually and there is also you can import like from an existing project and uh you can connect from your get it for from a github your gitlab account it's really simple so what i will do first of all i'm just going to uh this website i just need to download like a project uh i will show it really easy so this is for example if you have a landing page for your website even a web application like built with node.js react before because if you if you go into the documentation uh let me see if i can go go back um yeah i need to log out i think uh to be able to show you that you you can uh choose um you can choose different like you can use like um you can use react you can use a graphql you see a netify graph a faster way to develop with apis so you can do a bunch a bunch of stuff so you see you can connect your uh you you can connect your next file your unify with your repo so if you have a if you have a project in your github you can directly uh just add a build setting and then you will be able to review your your thing live so it's really really easy to do uh i'm not it's not affiliate so it's just because i think it will help many of you guys because also i remember i wanted to show uh i have many projects but i didn't want to pay for a sharing hosting but those kind of thing it's um it's a big big big help so we need to take advantage of this and if you if you want to go for a pricing uh option there is a lot of pro option uh but i think with the free one you're good to go you know but with the you have like let's say the the pro the business and so forth so let's go let's go back let's login and let's try to create a let's try to create an app and deploy you'll see it's really easy to do and quick um let's go back into the website we need to download this uh this is the the website that we will be uh deploying uh let's see if we can download for free i don't i don't like uh creating an account to be able to download let's see if it will work yeah so let's see if we can uh open this so yeah so if we open uh this index.html we can see we are able to see our landing page here so what we want to do now is to deploy this into our hosting using netlify so let's go back into netlify we can click on add new site and deploy manually and it will just ask us to drag and drop so it's it's it's so easy guys so uh i think even if you don't know how to to to can't go to read you will be able to do it so it's so easy so you just have to click here to uh just to browse your project and let me go back here and i think it's this project you have to select the whole thing because uh i have my index.html in the root so this will just confirm that yeah you it will upload everything you you can click to upload and now it will just upload so it's it's not uploading your thing and you can see it is processing and it's published it was it's so easy but it's oh it's so easy so now if you click and you can see um there is also a way to see the summary you know this is the log um creating and deploying uh uploads record yeah this is the log so now if you if you click open publish deploy you can see the the live you are here of the of your project you know so yeah this is it guys this is easy to do it's really easy so if you want if you don't want to use the this ui head that they give you you can always changes you can go to let's say option deploy setting there is a domain management here you can add a custom domain let's say if maybe you bought a domain you can uh but you you would have to change the dns but yeah there is also option with tls and https if you want to secure your thing with a custom domain so guys it's it's really really easy guys um if you if you're building your portfolio and you want like a free hosting to to us your website just take advantage of this i think it's it's a great help and but for for this for i think this work well only with node.js project uh react um let's say vue.js but like if you have like a php server side thing i'm not sure it will work but yeah so guys i i i hope you you did like the video just leave a like subscribe and yeah see you in next one

Channel: CodingWithEase

Views: 19,212

Keywords: HTML, CSS, JAVASCRIPT, Typescrypt, bootstrap, Bootstrap 5, Web Application, Dark themes, color scheme, bootstrap themes, navigation, dashboard template, navbar, bootstrap navbar, bootstrap navigation, tailwind navbar, sidebar with html and css, bootstrap dashboard, bootstrap template, free bootstrap template, free template, frontend development, software enginerring, software developer, UI design, responsive web, web design, Progressive web app, application development

Id: e4mPdWi3cw8

Length: 7min 7sec (427 seconds)

Published: Sat Apr 16 2022