DEV Community

Cover image for Migrating My Gatsby Site to Glitch

Migrating My Gatsby Site to Glitch

Melissa McEwen on February 26, 2020

When my computer broke I realized how much I relied on it to update my website. This spurred me to migrate my website to Glitch, where I can update...
Collapse
 
fredoist profile image
Freddy González

Nice post Melissa! 🙌 I personally use Glitch to edit and test my gatsby site (and almost any project 👀❤); to prevent the rebuild process when in development I use a watch.json file on glitch and then I export the project to GitHub.

Collapse
 
melissamcewen profile image
Melissa McEwen

Great idea, I should totally do this!

Collapse
 
rhymes profile image
rhymes

Nice article Melissa!

There's definitely something to be gained for being able to update one's own website in a much more friendlier way. Dreamhost still feels a bit like it's out from the 90s in terms of usability, one step away from "upload your files with FTP" kinda of vibe!

I definitely need to spend some quality time with Glitch :D

I didn't catch the error became my personal computer apparently didn't care about case sensitivity for some reason?

This might be because, I suppose, your macOS is formatted with a "case sensitive" file system. To test this theory you can open the app "Disk utility" and see if your file system is listed as Mac OS Extended (Journaled) Case-sensitive or APFS (Case-sensitive)

Collapse
 
stegriff profile image
Ste Griffiths

Wow, great example, definitely shows the power of Glitch. I think the DevOps process you describe is not quite there yet but then again, the beauty of Glitch is how approachable it is for anyone, so I can see there's a line to walk on simplicity vs depth.

If you ever do a follow up on automating this in some way (as you hinted) then I'd be excited to read that!

Thanks for the post!

Collapse
 
melissamcewen profile image
Melissa McEwen

Thanks! I hope to get the post on the automated process up soon. Unfortunately it uses our API which is in the process of being actively developed into a public API, so it might not work forever. But basically it's a Probot that just detects when I merge in Github and deploys to Glitch.

Collapse
 
adriantoddross profile image
Adrian Ross • Edited

I came across this post trying to get Gatsby v2 and v3 to work on Glitch, but it seems that even your demo is taken down. I know that officially Glitch supports Vite & Eleventy, but do you have any insight on what's happened with npm, Glitch, or Gatsby that's made it so difficult to put Glitch projects up now?

For example... whenever npm needs to install packages, it doesn't install Gatsby's peer dependencies and breaks the app!

Collapse
 
riversiderocks profile image
RiversideRocks

Good article! I host my website on Glitch too!

Collapse
 
mx profile image
Maxime Moreau

Hi, thanks for sharing. I already heard about Glitch but I've never given it a try, that seem's powerful! I will give it a try very soon.

Collapse
 
melissamcewen profile image
Melissa McEwen

Great to hear! Let us know if you have any questions!

Collapse
 
mateiadrielrafael profile image
Matei Adriel

Kinda hard to take this seriously when it was written by someone who works at glitch

Collapse
 
melissamcewen profile image
Melissa McEwen

It's under the Glitch org so I hope it's clear it's written by Glitch staff promoting Glitch. I did use Glitch before I worked here and loved it, which is why I applied.