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.

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

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

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

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

  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.

  1. Add additional comments and click 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.

  1. You will be asked to 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.

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.

Webmentions (WIP)

No mentions yet.

Get: daily updates on twitter, weekly updates over RSS and monthly newsletter.