Examples
2022-08-02
I've been often sending people example projects to show how to solve certain things, like how to embed a script or how to set up a redirect. I've also been asked for a list of all the example projects so that people can take them apart for learning.
So here it goes, the Editor has landed a new tab: Examples.
1-click Play
Originally, the plan was to have a playground that people can open, load any example project into it, tweak it, throw it away. You can see the Templates page has a Play button for all the templates: it loads the template into a playground and lets you play with it, instantly. Even if you are not logged in. (Those projects are then deleted after some inactivity, currently a day.)
Examples panel
Then there would be an Examples panel in the Toolbar, only in the Playground, with example projects that include templates, nocode examples and code examples.
Opening any example would load it into the current project as a new undo point - meaning you could click undo to restore the previous state.
Cheat sheet
It turned out to be too cool though to only have in the playground. I wanted to have it at hand on every project, like a cheat sheet. Given that undo/redo is available, why not completely overwrite your entire project for a minute while you take a look at how to do X? (Obviously, that's best to do on a new branch.) Anyways, you can then undo it. I'm super interested if people will use it that way or not.
So in the end, I decided to have it in the Editor everywhere. Of course that's also useful to have it noticed by everyone.
READMEs
Most example projects contain a README that is automatically loaded at the bottom of the Examples panel. They contain some dense information on what you should be aware of related to the example.
Editor URL change
Until now, the Editor has shown the URL as if you were looking at the page you are editing. We are now changing that. The Editor URL will now look slightly different. That's crucial to allow not-logged-in visitors to also use the playground and reload the page, if necessary.
Go have fun!
So this is it! Go take it to a spin and let me know what other examples you wanted to see, be it code or nocode.
Cheers,