Skip to main content
All CollectionsPublishing
How to connect your Netlify account
How to connect your Netlify account
Julius avatar
Written by Julius
Updated over a week ago

Follow these steps to connect your ExploreMyPC project with your Netlify account. This will allow you to sync your project in real time in your Netlify account.

Important: This connection is made via a Github account, so you'll need a free Github account in order for the Netlify integration to work.

Step 1. Click the Publish link on your project

Step 2. Choose the 3rd party Free Hosting option from the list

6.png

Step 3. Choose to Connect Netlify.

7.png

Step 4. At this point a popup will appear and you'll be asked to login into your Github account. If you don't have an account you can create one for free.

Step 5. Authorise ExploreMyPC on your Github account.

After you linked your Github account, two things happen:

  • ExploreMyPC will create a repository into your Github account and sync your project there. The repository name will be random, but you can change it from your Github Account > Repositories List > Click on repository > Settings Tab

  • your ExploreMyPC dashboard will reflect that Github is connected.

netlify_4.png

Step 6. Login into your Netlify account, or sign up for a free if you don't have one. Here is what Netlify offers in their Free account: https://www.netlify.com/pricing/

netlify_2.png

Step 7. Once logged in, create a New site from Git by pressing the button.

netlify_3.png

Step 8. Choose to connect Github.

netlify_5.png

Step 9. Login into your Github account and authorise Netlify to access it. It needs to be the same account you've linked with ExploreMyPC at Step 4.

netlify_7.png

Step 10. Choose the Github account you want to install Netlify on. If you are part of an organisation you'll get multiple options, but you should choose the account you've created at Step 4.

netlify_8.png

Step 11. Choose Only selected repositories, and select the ExploreMyPC project you want to connect to Netlify. Then press Install.

(Optional: If this is a random name check Step 5 on how you can rename your Github repository to a custom one.)

netlify_9.png

Step 12. Once you install Netlify, you'll be redirected to your Netlify account. Click on the repository name in the list. In my case is my-website, but yours will be different.

netlify_10.png

Step 13. Press Deploy site at the bottom of the page.

netlify_11.png

Step 14. Netlify will do its magic, synchronising your Gihub repository. It takes 1 min or so. Click on the generated link to access your website live.

(Optional: You can attach a custom domain from the Settings settings)

netlify_12.png

If you see this message, everything is working great, and you need to give it a couple of minutes for the project to sync. This only displays the first time.

Refresh the page in your browser a couple of times and your ExploreMyPC project should appear

netlify_15.png

At this point your ExploreMyPC dashboard should reflect that your Netlify account is connected as well. Press Disconnect if you want to cut the connection with your Netlify account.

netlify_14.png

From this point on, any change you make in your ExploreMyPC project, will be pushed into your Github account, and from there tor Netlify.

Important: Please be patient and give changes a couple of minutes to be reflected on your website. Sometimes it takes a while for the updates to show.

Did this answer your question?