Docker & Gatsby

28 août 2024

Bonjour à tous,

Pour faciliter la mise en place d'un environement de développement Gatsby, j'ai construit un container Docker qui embarque tout le nécéssaire pour développer et construire le site pour la production.

Pour ce faire, il faut écrire un fichier Dockerfile avec le contenu suivant :


RUN apt-get update && \
    apt-get install -y git curl procps && \
    git config --global --add safe.directory /site && \
    npm install -g gatsby-cli typescript vercel netlify-cli

WORKDIR /site

EXPOSE 8000```

Et un fichier docker-compose avec le contenu suivant : 

```version: '3.8'
services:
  gatsby:
    build: .
    ports:
      - "8000:8000"
    volumes:
      - ./app:/site
    environment:
      NODE_ENV: development
      CHOKIDAR_USEPOLLING: "1"
      GATSBY_WEBPACK_PUBLICPATH: "/"
    command: gatsby develop -H 0.0.0.0```

Pour lancer le container DOcker, il faut exeuter la commande suivante ```docker compose up```

Après démarrage du container, le site généré par Gatsby est accessible via l'adresse suivante sur votre navigateur : ```http://localhost:8000```