How we use Glitch, GitHub, & Vercel to collaborate remotely

Cover Image for How we use Glitch, GitHub, & Vercel to collaborate remotely

Over the past few months our team has been working interdependently and remotely on some web project which we are going to share soon but in the mean time I wanted to share a bit about our current pipeline.

Glitch for development → GitHub for version control → Vercel for hosting or Render for hosting

Updating and publishing projects:

Here is an overview on how we publish content remotely with each other through using Glitch for development, Github for version control, and Vercel for hosting.

  1. Head to Glitch and make any edits to the project.

    Glitch Website

  2. Once edits are complete click tools button and then select Git, Import and Export.

Export Tool bar

  1. If you see Connect to Github button then click it if not select Export to GitHub.

Connect to Github Selector

  1. Next enter the GitHub-account/repo-name you would like to push to in the popup and click ok.

Github path

  1. Enter a detailed description of what you are pushing. for example "Updated SEO with new branding" and click ok.

Adding comment to github

  1. Now head on over to your GitHub repo and click Compare & pull request. If you do not see this try pushing again from Glitch.

Compare & pull request

  1. Add additional comments and click Create pull request.

Create pull request

  1. Next will check the code and if everything looks ✅ then you can click Merge pull request to push the changes to and the production or live build.

Merge pull request

  1. You will be asked to confirm the merge.

confirm the merge

  1. Thats it! 🎉 Now just wait for your update to go live. If you what to check the progress head on over to your Vercel Dashboard and click on the project to see the status of the lates build.

Vercel Dashboard

This workflow has been great for small projects with just a few people. But in the future, we are looking at switching from Glitch to GitPod for better react-js support.

We would love to learn more about the workflows you use for your team. Please feel free to share what works best for you and your team with us in the comments or DM us on Twitter.

Tiny Factories is a tribe of indie makers helping each other to ship products. We are working toward a future where folks can be creatively independent by becoming — what we call — an indiepreneur.

Every two weeks (or so), we send out an update about our project progress. If you’d like to receive this in your inbox, you can subscribe here.