Connect example apps

Explore these example apps for ideas on how to configure your Connect apps in Confluence. Clone an app to explore and customize locally, or just take a look at the source in each Bitbucket repository.

To run locally, you must have a Confluence developer instance set up. See Getting started to set up your development environment. Don't forget to add your credentials.json file to the example app after cloning.

Official Connect Node Example App

Atlassian recommends using this example repository that can quickly and easily create a test app with documentation and code examples to learn how Connect works. It can be used as the starting point for your next Connect app.

• Code: Atlassian Connect Node Example App
• Framework: Node.js, Docker, Express
• Highlights: Documentation, Code examples, Docker spin up, Automatic app installation

Sequence diagramr

Creates UML sequence diagrams on the page using a macro.

• Code: Sequence diagramr repository
• Framework: Node.js, atlassian-connect-express library.
• Highlights: Static content macro module, Confluence REST API.

Tim's word cloud

Adds a word cloud visualization of the page's content to a Confluence page.

• Code: Tim's word cloud repository
• Framework: Node.js, atlassian-connect-express library.
• Highlights: Static content macro module, Confluence REST API.

Google Maps macro

Inserts Google Maps into your Confluence pages.

• Code: Google Maps macro repository
• Framework: Static (Simple HTML, JavaScript).
• Highlights: Dynamic content macro module.