Skip to main content

Frontend Development Guide

Prerequisites​

  • Node.js 18+
  • pnpm package manager

Installation​

cd frontend
pnpm install

Development​

pnpm dev

Starts the development server at http://localhost:3000

Build Process​

pnpm build
pnpm start

Docker Support​

  • Dockerfile: Containerized deployment
  • Docker Compose: Orchestrated with backend services
  • Production ready: Optimized for container environments

Deployment​

version: "3.9"

services:
  frontend:
    image: petarmc/fish-tracker-frontend:1.x.x
    restart: unless-stopped
    ports:
      - "3000:3000"
    environment:
      - API_URL=https://api.example.com
      - API_KEY=your-api-key-here

Docker Run Command​

docker run -d \
  -p 3000:3000 \
  --restart unless-stopped \
  -e API_URL=https://api.example.com \
  -e API_KEY=your-api-key-here \
  petarmc/fish-tracker-frontend:1.x.x

Environment Variables​

  • API_URL: Backend API base URL (defaults to production)
  • API_KEY: Authentication key for API requests