Using Glitch to develop apps with their real time IDE editor.


2 min read

Now what is Glitch? Glitch is a Real-time IDE which saves as soon as you type. Now why Glitch over any other online IDE? Well, it's instant. Like really instant. As soon as you say, type the letter "h" it saves instantly.

Great, right? Another cool thing is you can make demos for you app and anyone can remix them and share them. For example, you can click here to get a express server running on your own custom domain. No account, no anything. Try it out!

Lets get into the developer stuff. We first need to know what we can use:

- CSS (Cascading Style Sheets)
- HTML(Hyper Text Markup Language)
- Ember.JS
- Ruby
- Ruby on Rails
- Python
- pip
- Java
- Rust
- C
- C++
- .NET
- Swift
- ClojureScript
- Perl
- Haskell
- Elixir
- Racket
- JavaScript
- BuckleScript
- Lua
- Xen Text
- CoffeeScript
- Jade
- Deno
- Lisp
- Node.JS
- Bash
- Discord.PY
- Discord.JS
- Node Package Manager (NPM) (Inaccessible in the app terminal)
- Shell
- React.JS
- Draft.JS
- C# (C Sharp)
- TypeScript
- Vue.JS
- Gem
- Yarn
- Poetry
- Pipenv
- Nuxt.JS
- Svelte.JS
- Next.JS
- Django (needs to be installed with pip3 install Django
- Flask
- Bottle
- Pysimplegui
- Web2py
- TurboGears
- Twisted
- Tornado
- 11ty
- Binary

You can find that same list (and even more) here!. Now we can start developing. Write some basic code or make a major project.

What to do when you are done:

  1. Share your work in the gallery. The forum members like to see awesome projects
  2. Export to GitHub. This is actually pretty easy. There is a button called "Export to GitHub" under Tools->Import and Export. All you have to do is sign in with GitHub. You can also use the console (Tools->Console) and use git push main which might work better.
  3. Share on twitter: Share your work on Twitter! You can also mention @glitch on twitter and they might see it too!

Fun Facts:

  • Did you know that every Glitch project is it's own Git repo? Yep, all you have to do to get the Git url is under Tools -> Import and Export -> Your project's Git URL. There you can click "copy" and get your Git repo URL!