Installatie

Krijg je Galleria fotografie portfolio in enkele minuten aan de praat met Docker of ontwikkelingsmodus.

Vereisten

Voordat je begint, zorg ervoor dat je een van de volgende hebt:

  • Voor Docker implementatie (Aanbevolen): Docker & Docker Compose
  • Voor ontwikkeling: Node.js 18+ en npm
  • Optioneel: Google OAuth-inloggegevens (wachtwoordauthenticatie werkt zonder)

Snelle start met Docker Hub

De snelste manier om te beginnen is door onze vooraf gebouwde Docker-images te gebruiken.

1. Trek de Docker-afbeelding

# Pull latest production image
docker pull tedcharles/galleria:latest

Docker Hub: hub.docker.com/r/tedcharles/galleria

2. Maak gegevensmap aan

Maak een map aan om je foto's en database op te slaan:

mkdir -p ~/galleria-data

3. Voer de container uit

docker run -d \
  --name galleria \
  -p 3000:3000 \
  -p 3001:3001 \
  -v ~/galleria-data:/data \
  -e DATA_DIR=/data \
  -e FRONTEND_DOMAIN=http://localhost:3000 \
  -e BACKEND_DOMAIN=http://localhost:3001 \
  tedcharles/galleria:latest

4. Toegang tot je site

Open je browser en navigeer naar:

Frontend:http://localhost:3000
Beheerpaneel:http://localhost:3000/admin

De installatie-assistent begeleidt je door de initiële configuratie bij het eerste bezoek.

Ontwikkelingsinstelling

Voor ontwikkeling of bijdragen aan Galleria:

1. Clone de repository

git clone https://github.com/theodorecharles/Galleria.git
cd Galleria

2. Installeer afhankelijkheden

npm install
cd backend && npm install
cd ../frontend && npm install
cd ..

3. Start de ontwikkelingsserver

npm run dev

Dit start zowel de frontend als de backend in de ontwikkelingsmodus met hot reload.

Docker Compose Setup

Voor het bouwen en draaien vanuit de bron met Docker Compose:

git clone https://github.com/theodorecharles/Galleria.git
cd Galleria
mkdir -p ~/galleria-data
docker-compose up -d --build

Bewerk docker-compose.yml om poorten en omgevingsvariabelen aan te passen.

Configuratie

Configuratie wordt beheerd via omgevingsvariabelen of het beheerderspaneel.

Omgevingsvariabelen

VariabeleBeschrijvingVoorbeeld
DATA_DIRDirectory voor foto's en database/data
FRONTEND_DOMAINOpenbare URL van uw sitehttps://yourdomain.com
BACKEND_DOMAINAPI-eindpunt URLhttps://api.yourdomain.com

Configuratie van het beheerderspaneel: Na de initiële setup kunnen alle instellingen worden beheerd via het beheerderspaneel op /admin → Instellingen

Volgende stappen

Nu je Galleria hebt geïnstalleerd: