Skip to main content

Command Palette

Search for a command to run...

How to Deploy Your App to Netlify

Published
2 min read
How to Deploy Your App to Netlify
A

Furkan is a software engineer and frontend developer, whose main purpose is to create best optimal experience for user but also keeping the application or project as performant as possible.

He is deeply interested on web technologies and he is building new projects in this subject. He is especially familiar with React, Vue, Node and Java. You can check out what he built on his GitHub account. There is potential ways to connect with him at the end of this summary 👇

Things he like to do; ✔ Trying to solve other people's struggles ✔ Teaching or telling some subject he know to friends or colleagues ✔ Building different kinds of projects ✔ Meeting & talking with new people ✔ Listening podcasts ✔ Playing Chess ✔ Watching drama | sci-fi movies ✔ Listening music while I travelling or trying to fix problems ✔ Researching next generation technologies like cyptocurrency, IoT, smart devices

If you want to reach out with him, here is how you can do it;

🔼 Blog: https://blog.furkanozbek.com/ 🔼 GitHub: https://github.com/afozbek 🔼 Mail: abdullah.furkan.ozbek@gmail.com 🔼 Twitter: https://twitter.com/afozbek_ 🔼 Instagram: https://instagram.com/furkan.codes/

Thanks for reading ✨

1. Push Your Code to Any Version Control Applications

The first thing you need to do is push your git repository to any version control application. You can use any one of these;

  • Github
  • Gitlab
  • Bitbucket

2. Register to Netlify

Once you have a repository inside any given application just signup to Netlify and connect them.

Register

3. Creating New Site

Now, you should be on the team page where you can see your applications which right now you do not have but don't worry we'll add them right now.

In there you can either click "New site from Git" button or you can visit https://app.netlify.com/start

You will see this screen

new site

You should click the button which you are storing your repository right now. In my case it is Github.

4. Connecting Accounts

After that, you should see a connection screen where you will connect your Github account with Netlify.

Or if you are connected you will see a text that says "Authorized" which indicates that you already connect your account with Github**

5. Choose a project

Now select the project(repository) you want and continue

Choose Project

6. Choosing Site Settings

Now you can choose the owner of this application and choose which branch to deploy. Netlify will listen to that branch and if any changes published it will rebuild your application and run the tests for you.

Site Settings

You can also choose the build command that is needed to run to generate the build folder. This folder name can be different from framework to framework. So make sure to run on your local first to see the folder name.

And once everything is ok deploy your site.

Site Settings-2

7. Congratulations

Congratz! You deployed your first application to Netlify.

Last