Pusher tutorials

Build a live popularity chart in Go using tweets as a data source

Build a Go application with a simple web frontend, displaying a live graph comparing the popularity of three Twitter topics. You will create a Twitter developer account, code the app, and be able to customize the displayed topics.

Data visualization

Feeds

...

7 minute read

Follow tutorial

End to end encryption in Node.js with Pusher Channels

Learn how Pusher Channels support varying encryption levels, from public to fully encrypted. Build a simple demo using Node, sending fully encrypted messages to a message feed.

Feeds

JavaScript

Node.js

13 minute read

Follow tutorial

End to end encryption in Go with Pusher Channels

Pusher Channels allows for end-to-end encryption. In this tutorial, learn how to use it by building a simple realtime blog feed, with a Golang backend. Users will be able to create blog posts and see them published instantly, but all data will be fully encrypted and not shared with Pusher.

Feeds

JavaScript

14 minute read

Follow tutorial

Build a live score feed Chrome extension

This brief tutorial guides you through creating a simple Chrome extension. It hooks into a Node backend to provide a live score feed with browser notifications.

8 minute read

Follow tutorial

Build a Chrome extension to track cryptocurrency prices - Part 1: Build the app

This two part series will guide you through building, deploying and extending a Chrome extension. The extension displays cryptocurrency prices in realtime. In part one, build the basic extension and deploy it to Heroku.

8 minute read

Follow tutorial

Build a Chrome extension to track cryptocurrency prices - Part 2: Allowing user interaction

This two part series will guide you through building, deploying and extending a Chrome extension. The extension displays cryptocurrency prices in realtime. In part two, allow users to interact with the extension and save their preferences.

18 minute read

Follow tutorial

Build a live news feed with React

This brief tutorial will show you how to build a live news feed app using React and Node.js. You will integrate NewAPI to allow users to receive a news feed on a given topic (this example uses Bitcoin articles).

5 minute read

Follow tutorial

Build a live photo feed using React and Cloudinary

In this short tutorial, create a live photo feed using Node, React and Cloudinary. Upload and publish photos in realtime.

7 minute read

Follow tutorial

Create a football results feed with Go and React

Build a realtime football results feed, using Go for the backend and React for the frontend. Admins will be able to send match updates out to any subscribed application.

Feeds

JavaScript

...

17 minute read

Follow tutorial

Build a photo feed with Go and Vue.js

Build a photo feed application using Go, Vue.js and SQLite. Users can post pictures, and see each others' images appear in realtime.

Feeds

JavaScript

...

10 minute read

Follow tutorial

Build a social feed with Ruby on Rails and PostgreSQL

This tutorial will show you how to create a simple social media feed using Ruby on Rails. Users will be able to make posts, and like other people's posts. The feed will update instantly as new posts are made.

11 minute read

Follow tutorial

Build an activity feed using .NET

Build an activity feed and dashboard using .NET. Create two interfaces: one for entering and modifying data, and another that monitors the database and provides alerts when data changes.

Feeds

.NET

ASP.NET

14 minute read

Follow tutorial

Build a location feed app for Android with Kotlin

This tutorial shows you how to build a location-sharing app for Android using Kotlin. The app has a Node.js backend. Users can share their location and see where their friends are.

18 minute read

Follow tutorial

Publish Android notifications from the Guardian’s API

Learn how to build a news notification service that hooks into the Guardian's public APIs. Create an Android app using Kotlin, subscribe to Guardian news sections, and receive push notifications for breaking news.

Android

Feeds

Kotlin

17 minute read

Follow tutorial

Build a realtime Instagram clone — Part 1: Setting up the project and creating the UI

This four-part series takes you through building an Instagram clone using Node and React. In part one, set up your project and create your UI.

7 minute read

Follow tutorial

Build a realtime Instagram clone — Part 2: Connecting the UI with GraphQL data

This four-part series takes you through building an Instagram clone using Node and React. In part two, connect your UI and data with GraphQL.

8 minute read

Follow tutorial

Build a realtime Instagram clone — Part 4: Going offline with service workers

This four-part series takes you through building an Instagram clone using Node and React. In part four, implement offline support with service workers.

4 minute read

Follow tutorial

Build a realtime Instagram clone — Part 3: Realtime feed updates with Pusher and desktop notifications

This four-part series takes you through building an Instagram clone using Node and React. In part three, implement realtime feed updates with Pusher, and create desktop notifications.

6 minute read

Follow tutorial