By Glitch Team

July 18, 2018

New App Pages and Snappier Profiles

Image

Every app on Glitch now has a beautiful, simple page to help people discover and explore useful and delightful projects.

To see what’s changed, let’s take a look at the app page for the latest creation by serial Glitch creator, Noelle Leigh: glitch.com/~emoji-gender-reveal

Image

The page starts off with the key app details, like who made it, what it’s called and what it does, along with action buttons to view your app, view the code or remix it.

But now there’s also a live embed that shows off a preview of your app. Visitors can toggle between the code or the live app, see both, or remix it from within the embed itself. Learn more about how to embed Glitch apps on your own sites, and soon visitors will be able to create embeds on the app page too.

Of course, your readme is included beneath the embed, so you can include details about your app, along with any setup instructions or other key details you want to highlight.

Finally, at the bottom of the app page, we feature some of the other apps you’ve made. Apps that you’ve pinned on your profile page are prioritized, so you can choose which apps are shown here. They’re a great way to encourage visitors to explore your other creations.

Behind the scenes, we’ve also made some SEO improvements, with relevant metadata being exposed so it’s now easier for search engines to index your apps. They also look great when shared on social media or when saved in read-later apps like Pocket.

But it’s not just app pages which have been getting some love — we’ve been working on profile and team pages too.

Image

You can now fully personalize your profile page directly on the page, including all the usual stuff like your avatar, display name, username, and a cover image — it’s got almost the same dimensions as a Twitter cover, so you can reuse that image if you have one. What’s more, you can leave and delete projects straight from your profile page, in addition to pinning apps to the top and undeleting apps you previously deleted.

While we can’t talk too much about Teams yet, we can let you know that both team pages and your Glitch profile just got performance enhancements making them 10x faster.

And you, yes you, can make profile pages even better too!

These performance improvements come in part from our hard work to move the community site over to using React. This not only makes it faster but also easier to understand. This is important because, in case you didn’t know, the Glitch community site is open-source! So if you’ve been wishing for an enhancement that hasn’t already been mentioned above, then you can always make them happen yourself! There are details about how to contribute and suggestions of contributions you might like to make.

We hope you like these improvements, and we can’t wait to see what you build next! 🎏🙌🏿