Tutorials | Pusher

Pusher Quick Start Guide

Be up & running with Pusher in 3 minutes for all languages & frameworks.

JavaScript Quick Start iOS Quick Start Android Quick Start

Realtime basics

Build or add realtime features to your app by following these simple and short tutorials

NEW

Realtime Notifications

This tutorial shows you how simple it is to add realtime notifications to your web or mobile apps with Pusher.

Medium

12 mins

Public channels

NEW

Android Chat App

Learn how to build an Android Chat App in 10 minutes. Add it to your existing app or build the next WhatsApp

Easy

10 mins

Public channels

Realtime Chat

By following three simple steps you will have a fully functional realtime chat integrated into your web app.

Easy

6 mins

Public channels

Activity Streams

Ever wondered how to display an activitity feed, Facebook-style? This tutorial is all you need.

Easy

4 mins

Public channels

WebRTC chat

Build your own peer-to-peer chat app using the WebRTC DataChannel API and Pusher.

Medium

15 mins

Public channels

Commenting System

A recap of the realtime fundamentals and comprehensive guide to building a realtime commenting system.

Medium

27 mins

Public channels

Live Progress Bar

This tutorial will show you how to improve your online user experience with a realtime progress bar.

Easy

4 mins

Public channels

To-do List On Azure Mobile Services

Synchronise your ToDoList in realtime, across all running instances of your app, with Azure Mobile Services.

Easy

13 mins

Public channels

Video Chat Using WebRTC

Get up and running with WebRTC by using Pusher as a video signaller.

Medium

4 mins

Presence channels, client events

How to Add Message History to your Pusher Apps

How to add message history to an existing Pusher application. This example uses ReactJS and Python.

Easy

12 mins

Public channels, message/event history

Pusher + Other APIs = Magic

Combine Pusher with third parties to get the most out of them

Pusher + Laravel

This GitBook covers the fundamentals of adding realtime features to Laravel applications. Useful for both junior and advanced developers.

Easy

120 mins

Public channels

NEW

Pusher + ReactJS

Write a group chat in minutes. The concepts demonstrated here will extend to dashboards, activity streams, collaboration apps, and so on.

Easy

10 mins

Public channels

Pusher + EmberJS

Write a group chat in minutes and see how easy it is to integrate Pusher and EmberJS. The concepts demonstrated extend to dashboards, activity streams and more.

Easy

10 mins

Public channels

NEW

Pusher, VueJS and ES2015

Build a realtime Twitter search app with ECMAScript 2015, VueJS and Pusher.

Medium

15 mins

Public channels

NEW

Pusher + Angular 2

Build a realtime Twitter search app with Angular 2 and Pusher.

Medium

15 mins

Public channels

NEW

Pusher + RethinkDB

Expose RethinkDB changefeeds as Pusher events to instantly push database changes to millions of connected client applications.

Easy

10 mins

Public channels

Pusher + Angular

Find out how to notify connected clients that something on the server has changed.

Medium

9 mins

Public channels

Pusher + Backbone.js

This post will provide you with the basis for creating rich, realtime applications with Backbone.js.

Easy

6 mins

Public channels

Pusher + Twilio: I

Find out how simple it is to combine Pusher with Twilio and build a realtime SMS and incoming call notifications demo.

Medium

15 mins

Public channels

Pusher + Twilio: II

Find out how to create a Click to Call Service with Twilio Client, Pusher and Python.

Medium

13 mins

Public channels

Pusher + SendGrid

Build a smart notification system that detects whether your user is online and routes the notification through the best channel.

Medium

15 mins

Private channels, application state queries

Pusher + Powerswitch + Arduino + Twilio

Take your first steps towards building your own DIY Home Automation.

Medium

13 mins

Public channels

Pusher + Django

Building a mixin library for Django Class-based views that makes it easy to add realtime notifications to your Django apps.

Medium

9 mins

Public channels

Pusher + Azure Mobile Services

Using Azure Mobile Services, ZUMO and Pusher to create a realtime. music journal

Medium

15 mins

Public channels

Sidekiq + Pusher

Learn how to scale heavy web requests such as such as realtime reporting that require extensive data crunching.

Easy

4 mins

Public channels

Pusher + EmberJS

Making Ember.js Realtime with WebSockets.

Easy

4 mins

Public channels

Pusher + Laravel + EmberJS

Combine the power of Pusher, Laravel and Ember to build an awesome chat app.

Medium

13 mins

Public channels

Pusher + Flux

Live updates with Rails and Pusher, using Flux architecture.

Medium

5 mins

Public channels

Inspiring Tutorials

Explore unique uses of our realtime platform

NEW

Pusher Zapier Integration

A Pusher/Zapier integration that makes it easy to trigger events the instant anything happens in any service you use and update in realtime your dashboards

Easy

5 mins

Private channels

NEW

Google Chrome Extension

Goodbye polling, hello WebSockets! The benefits of WebSocket-powered notifications in Codeship’s Google Chrome extension.

Easy

2 mins

Private channels

Product Hunt API

Find out how we built realtime Chrome extension to never miss a post on Product Hunt.

Easy

2 mins

Public channels

Multiplayer Motion-Detection Game

Create a musical motion-detection interface with a a Magical Xylophone and a webcam in 30 lines of code.

Medium

4 mins

Private channels, client events

Realtime Virtual Punch-card

Check out how we built ‘Who’s In?’, a very simple app that tracks live who comes and goes in the office.

Medium

4 mins

Public channels

3D Multiplayer Game with Three.js and Pusher

You're a gamer at heart? Build a event-driven, interactive game using Pusher and Three.js.

Advanced

18 mins

Presence channels, client events

Live Twitter Keyword Charting

Realtime illustrated: a visual way of tracking the use of keywords on Twitter, complete with code.

Easy

3 mins

Public channels

Remote Pair Programming

How We Built AtomPair, Our Realtime Collaboration Plugin For Atom.io.

Advanced

8 mins

Presence channels, client events

Videos

Watch these videos to learn more about realtime technologies, trends and more

Realtime Web Apps & Symfony. What are your options?

Phil Leggetter