Trebble.fm is a music-sharing platform that gives users the power to curate their own radio and share it with the world, even allowing users to add a personal touch by recording Capsules, which are brief audio recordings that play between songs. Trebble's Cloudflare application makes it easy to embed your Trebble radio station directly on your website. In one click, your visitors can enjoy music handpicked by you and listen to your Capsules without leaving your site.

Check out Trebble and install it on your site

Interested in sharing a demo of your app at a meetup? We can help coordinate. Drop a line to community@cloudflare.com

Writing a Cloudflare App? Check out the docs.

Do you know how secure your site is? View a Hardenize report on your website by clicking this button:

Interested in sharing a demo of your app at a meetup? We can help coordinate. Drop a line to community@cloudflare.com.

Want some ideas on what to start with? Check out the idea suggestion list on our Cloudflare Community page. It's a great idea to review our Apps documentation available here.

Want to request a Cloudflare Apps workshop in your city? Please drop a line to community@cloudflare.com

Share your works in progress and compare notes with other developers on the community forum.

Screenshot of App Page for FFTF’s Battle for the Net app. Source code for this app.

When our co-founders launched Cloudflare in 2011, it was with a firm belief that the Internet is a place where all voices should be heard. The ability for either an ISP or government to censor the Internet based on their opinions or a profit motive rather than law could pose a huge threat to free speech on the Internet.

Cloudflare is a staunch supporter of Net Neutrality and the work done by Fight for the Future, which shows how effective Internet civic campaigns can be.

To get a heads up on Fight for the Future campaigns in the future, sign up for their mailing list.

See source code for FFTF’s Battle for the Net Cloudflare App on Github.

To make your own app, see Cloudflare Apps docs.

Here is a quick diagram of how Cloudflare apps work:

The “Origin” is the server that is providing your services, such as your website or API. The “Edge” represents a data center that is closest to your visitors. Cloudflare uses a routing method known as Anycast to ensure the end user, pictured on the far right, is routed through the best network path to our data center closest to them around the world.

Historically, to make changes or additions to your site at the edge, you needed to be a Cloudflare employee. Now with apps, anyone can quickly make changes to the pages rendered to their users via Javascript and CSS. Today, you can do amazing things like add a donation button using PayPal, or inject a video intelligently using JavaScript or CSS to position the objects wherever you like.

A great way to explore our existing Apps would be to explore our Apps store. You can access it by visiting our App store.

You can review all of them by visiting your Cloudflare dashboard and accessing the apps section, which is a button on the far right hand corner of the dashboard.

Cloudflare has a simple example app that is easy to use. Feel free to fork our app to have fun with it. You can find it on GitHub here.

To start, you will want to rely on the install.json file and perform the install execution run:

npm install

It’s also best practice to double check the Javascript to ensure there are no errors in the source:

npm run lint

From here, your files can be located in your source directory:

source/app.js

This is where the magic happens. Your app starts here.

source/app.css

Styles for your app.

media/**

A directory for icons, tile images, and screenshots.

The easiest way to test your app is to use our app creation dashboard.

From there, it’s as simple as directing the creator to the folder of your app in the app creator, and testing the app. You can modify the source/app.js file to modify the nature of the Javascript injected and source/app.css to select where those changes are implemented. Once you’re happy with your app, you simply click create app at the bottom left of the page and it will be reviewed based on the code created for your page.

Would you like to get community feedback for your app before submitting it for moderation? Share your work or work-in-progress with the Cloudflare Apps part of the community. We can’t wait to see what you build.

Cloudflare is very excited about the apps platform because it not only enables our users to do powerful new things with their internet properties, but also because gives our users the chance to create an app that will be available to more than 7 million websites around the world.

If you have any questions, feel free to join our new Cloudflare Community today to join in on the fun!