# The Simple Magic of Prefixed URLs

Original: https://swyx.io/prefixed-urls
Published: 2021-02-12

> You can enhance the web by making wrappers around it.

If you go to `https://swyx.io`, you get my blog.

If you go to `https://is-this.netlify.app/https://swyx.io`, you get this:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7sds0o2n6ctdhctjfs15.jpeg)

This is a [little utility](https://twitter.com/swyx/status/1144365946804588545?s=20) I made that solved the very specific pain point of figuring out whether or not a potential customer was a Netlify user or not (or had configured another CDN atop Netlify).

I originally did this as a browser extension, but the benefit of doing this as a microsite is I can now access it on my phone.

## Prefixed URLs

This is a little behavior that I call **Prefixed URLs**, after [GitPod's name for it](https://www.gitpod.io/docs/getting-started/#prefixed-url). 

It's a really nice way to **enhance the open web** - by creating a route that specifically accepts either any URL or some specific set of URLs, and then does something with that info to give you even more. To use this microsite, you just prepend the URL to whatever you're interested in.

I was recently reminded of this when [the **Github1s** project](https://github.com/conwnet/github1s) went viral [on HN recently](https://news.ycombinator.com/item?id=26083919). It lets you swap out any `github.com` repo for `github1s.com` and it opens up a VS Code file explorer for easier navigation (GitHub's default file navigation is slow and clunky).

![github1s demo](https://raw.githubusercontent.com/conwnet/github1s/master/resources/images/demo.png)

## Other Instances

I've also seen this behavior in website ranking tools: https://www.similarweb.com/website/dev.to/ shows you the traffic of Dev.to:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dlh3972klyfbcmkwsot2.png)

In the "we deploy your code" industry it is also pretty common to use Prefixed URLs as "Deploy Buttons" like [Netlify](https://docs.netlify.com/site-deploys/create-deploys/#deploy-to-netlify-button) and [Codesandbox](https://codesandbox.io/docs/importing#import-from-github).

Pomber has a little Github history suffix for codesurfing: 

{% twitter 1092827841509707778 %}

I think this is a wonderful little user experience and encourage more people to think of creative ways to consume URLs and extend the Open Web.