DEV Community

Cover image for How to deploy your website to Netlify
Rithik Samanthula
Rithik Samanthula

Posted on

4 1

How to deploy your website to Netlify

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 👨🏻‍💻

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs