docs: add Gitpod quickstart to blog tutorial

[jacobparis]

This PR adds a Gitpod quickstart to the blog tutorial. It is currently linked to my fork of indie-stack that has Gitpod configured (PR for that at remix-run/indie-stack#58)

The goal is for people following the blog tutorial to not have to worry about setting up their local environment or installing Fly. In one click, they should be able to get into a code editor with the demo application running.

This will remain a draft until the workflow is deemed good enough to merge into Indie Stack, at which point I will update this badge to point at the base repository and remove the Draft tag

Try it out

Click this button to create a Gitpod workspace with the project set up and ready to run in VS Code or JetBrains either directly in the browser or on the desktop.

Demo (opening in local VS Code)

remix-blog-gitpod.mp4

Demo (opening in browser)

remix-blog-gitpod-browser.mp4

[kentcdodds]

Yeah, this is neat 👍

[andrewbrey]

@jacobparis I just gave this a try against your repository branch, and noted the prisma dev migration is not done automatically at container init. That might be a nice thing to add to the setup script (like you're doing when you create the .env file for the user). If you did that, clicking "open in gitpod" would launch into a fully working and initialized dev environment, db and all 👍

[jacobparis]

@jacobparis the prisma dev migration is not done automatically at container init

Good catch, that is definitely worth including