Tribe Complete Setup Guide

Frontend (EmberJS) Setup & Backend (Junction + Tribe API)

Use tribe-framework Git template for your frontend application.

Open command line in the directory that has been installed from the template:

# Navigate to your frontend directory
cd /path/to/frontend/directory

Install EmberJS by running the following command based on your operating system. You'll be asked to enter the name of the directory when prompted:

Linux and macOS:
chmod +x ./config/ember/ember-init.sh; bash ./config/ember/ember-init.sh;
Windows:
powershell -ExecutionPolicy Bypass -File .\config\ember\ember-init.ps1
Note: When prompted, enter the name of your EmberJS application directory.

Serve the EmberJS application to start coding:

ember s
EmberJS Development Server:

Your EmberJS frontend will be available at:

Tip: The development server includes hot-reload functionality. Changes to your code will automatically refresh in the browser.

When you're ready to deploy, build your application for production:

ember build -prod
Build Output:

The production-ready build will be generated in the dist/ directory.

Deploy your built application to your preferred hosting platform:

Netlify

Easy deployment with continuous integration

Deploy to Netlify
Cloudflare Pages

Fast, secure deployment with global CDN

Deploy to Cloudflare
Deployment tip: Both platforms support drag-and-drop deployment of your dist/ folder or Git-based continuous deployment.

Command Line:
docker --version
Windows:
winget list docker
macOS:
brew list | grep docker
Linux:
which docker
Docker Not Installed?

Download and install Docker from the official website:

Download Docker

Command Line:
docker-compose --version
Alternative (newer Docker versions):
docker compose version
Linux (which command):
which docker-compose
Docker Compose Not Installed?

Docker Compose installation instructions:

Install Docker Compose
Note: Docker Desktop for Windows and macOS includes Docker Compose by default. If you have Docker Desktop, you should already have Docker Compose installed.

Open your terminal/command prompt and navigate to the directory containing this index.html file and your docker-compose.yml:

# Replace /path/to/your/project with your actual project path
cd /path/to/your/project
Platform-specific examples:
Windows:
cd C:\Users\YourName\Documents\MyProject
macOS/Linux:
cd ~/Documents/MyProject
📁 Important: Make sure you're in the directory that contains your docker-compose.yml file before running the next commands.

Once you're in the correct directory, start your Docker application:

docker-compose up -d --build
What this command does:
  • up - Starts the containers
  • -d - Runs in detached mode (in background)
  • --build - Rebuilds images before starting

Alternative command for newer Docker versions:

docker compose up -d --build

Once your backend is running, you can access Junction through your web browser:

Access Junction:

Open your web browser and navigate to:

Junction Credentials:

Use the following credentials to log in:

  • Username/Slug: junction
  • Password: password
Note: Make sure your Docker containers are running before attempting to access Junction. If you can't access the page, wait a few moments for the containers to fully start up.

When you want to stop and remove the containers, use:

docker-compose down

Alternative command for newer Docker versions:

docker compose down
⚠️ Important: Always use docker-compose down to properly stop and clean up your containers. This ensures all resources are properly released.
Additional useful commands:
  • docker-compose logs - View application logs
  • docker-compose ps - List running containers
  • docker-compose restart - Restart services

🎉 Quick Reference

Frontend (EmberJS)

Serve: ember s
Access Frontend: localhost:4200
Build: ember build -prod

Backend (Junction + Tribe API)

Start: docker-compose up -d --build
Access Junction: localhost:4488
Stop: docker-compose down

About Tribe Framework

Tribe is a web project management framework that allows us to build platforms, products, applications and web interfaces using a modular approach. It provides a coherent language for UX, content, design and code collaborations.

License: The GNU General Public License is a free, copyleft license for software and other kinds of works.