How to Deploy Your App to Netlify

PublishedSeptember 16, 2021

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 ✨

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

React Hooks: useLayoutEffect

1 - Definition useLayoutEffect runs synchronously immediately after React has performed all DOM mutations. This can be useful if you need to make DOM measurements (like getting the scroll position or other styles for an element) and then make DOM mu...

Sep 19, 20212 min read

6 Tips To Achieve Your Goal

1 - Define Your Goals The first thing you need to do is defining what you want to do to keep you motivated. It can be working full time in a developer job or learning a new language. 2 - Create a Schedule Then give which time of the day/week you can...

Sep 17, 20212 min read

5 Ways To Host Your Applications

1. Surge Surge is a cloud platform for hosting static websites, which is extremely simple to use but offers customization options for those who need them. 2. Firebase Firebase Hosting is a fully managed hosting service for static and dynamic content...

Sep 15, 20211 min read

Array methods that you should know

1- findIndex The findIndex() method returns the index of the first element in the array that satisfies the provided testing function. Otherwise, it returns -1, indicating that no element passed the test. const array1 = [5, 12, 8, 130, 44]; const isL...

Sep 14, 20212 min read

Furkan's Notes

46 posts

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.

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

Command Palette