DEV Community

loading...
Cover image for How to deploy your website to Netlify

How to deploy your website to Netlify

code2rithik profile image Rithik Samanthula ・3 min read

Hey Guys!

What's up, everybody?

My name is Rithik and I am here with a new blog.

Let's get right into it.

So...How do you deploy your website using netlify?

Well here we are:

1. First, go to Netlify's Website

Alt Text

2. Next, Create an account. If you already have created an account, jump to step 5

Alt Text

3. Then, signup with any of the following services. In my case, I am going to be choosing GitHub. You can choose any other service if you want.

Screen Shot 2021-03-12 at 1.22.36 PM

4. Then, Sign in to GitHub. If you already signed in, jump to step 5

Screen Shot 2021-03-12 at 1.25.20 PM

5. Next, You will be redirected to the Netlify dashboard. Then, click on "New site from Git"

Screen Shot 2021-03-12 at 1.27.56 PM

6. Then, Choose GitHub

Screen Shot 2021-03-12 at 1.29.52 PM

7. Next, choose the repository that you want to deploy. In my case, I am choosing the Harry Potter fan website I made.

Screen Shot 2021-03-12 at 1.31.39 PM

8. Then, choose the same settings as me and click on deploy

Screen Shot 2021-03-12 at 1.32.58 PM

9. Next, wait for a few seconds and you will see that it shows you a message with the link to your website.

Screen Shot 2021-03-12 at 1.35.12 PM

10. Then, click on the link and VOILA! You deployed your site to netlify

Screen Shot 2021-03-12 at 1.36.28 PM

BONUS

Don't like the domain name?

Follow these steps:

1. First, click on Site Settings:

Screen Shot 2021-03-12 at 1.39.01 PM

2. Then, click on "Change Site Name":

Screen Shot 2021-03-12 at 1.40.56 PM 1

3. Then, type the name that you want before .netlify.app and click on save:

Screen Shot 2021-03-12 at 1.44.03 PM

4. Then, click on the link and your site will be published at that URL:

Screen Shot 2021-03-12 at 1.44.53 PM

Screen Shot 2021-03-12 at 1.45.56 PM

------------------------------x------------------------------

Thanks for reading the blog!

If you liked it, please like it and share it.

Remember...

Keep Coding Y'All 👨🏻‍💻

Discussion (0)

pic
Editor guide