Publish and manage websites: Pingendo + Github + Netlify


#1

If Pingendo is your website builder, you might want to close the circle and learn how to handle and publish a static website. There are many possibilities and here’s one including Pingendo + Github + Netlify

Build the website

With Pingendo you can create all the web pages you want. Inside the project directory there should be the HTML files, the .css / .scss themes and all the assets needed. Integrate scripts or media and test them with the browser preview. You can add, remove or modify the web pages at anytime, so early delivery is a real option!

Github set-up

Sign up/in with a Github account (github.com). You might already know this development platform: between many features, it lets you create unlimited public repositories for free. Create a new one, name it and give a brief description. The image below shows a start with a README and MIT licence.

In the Upload files section put all the files of your website with a simple drag&drop. You should see the whole list of files in the code page. You can edit and delete files directly from here. Use Github at its best with the Desktop app: it will be easier to manage the project directory, adding or modifying assets and so on. Give it a try and integrate it in your toolbox alongside Pingendo.

Branches

Once you are all set, create a new branch. Name it as you want, in this case it’s called production. Having minimum two branches lets you work on the master branch without affecting what’s on line. You will need to upload the changes from the default branch (typically master) to your deploy branch (production).

If more people are working together on the project, Github might be a way of managing the workflow. Use branches and pull-requests for proposing and submitting changes.

Publishing with Netlify

At the moment your project is a public repo on Github, but is not published yet. We will use Netlify for this. Sign up/in with Netlify with your Github account and choose New site from Git. You should be able to pick your repo and now Netlify will ask you which branch you want to deploy. Select production and the magic it’s done!

You website is online, with a random URL generated by Netlify. You can already share this link for previewing your job, or you might want to purchase a domain and attach the DNS to Netlify. Check out the Netlify docs for further instructions about deploying your website.

Have fun!


#2

Thanks for this helpful guide!