gatsbyjs/gatsby-dev-builds

Gatsby Dev Builds 镜像

镜像概述

该Docker镜像由Gatsby项目提供，用于测试构建示例站点及其他基于Gatsby框架的项目。Gatsby是一款基于React的免费开源框架，专注于构建极致快速的网站和应用，支持多数据源整合与自动性能优化。

核心功能

• 动态静态结合：兼具静态网站的高效性与React应用的动态交互能力，可开发博客、电商、仪表盘等各类应用。
• 统一技术栈：基于React和GraphQL，为团队提供一致的开发流程，不受数据源差异影响。
• 多源数据加载：支持从Markdown文件、无头CMS（Contentful/WordPress）、REST/GraphQL API等拉取数据，通过插件统一接入。
• 内置性能优化：自动实现代码分割、图片压缩、关键样式内联、懒加载等，无需手动调优即可满足高性能要求。
• 低成本托管：无需服务器，可通过GitHub Pages、Netlify等CDN服务免费或低成本托管。

使用场景

• 开发者测试Gatsby项目的构建流程与性能表现。
• 学习Gatsby框架时快速搭建本地测试环境。
• 快速原型开发，验证站点功能与布局设计。

配置说明与部署示例

基本命令示例

1. 拉取镜像：

bash
docker pull gatsbyjs/gatsby-dev-builds

2. 挂载本地项目目录执行构建：

bash
docker run -v $(pwd):/app -w /app gatsbyjs/gatsby-dev-builds gatsby build

3. 启动开发服务器（本地访问http://localhost:8000）：

bash
docker run -v $(pwd):/app -w /app -p 8000:8000 gatsbyjs/gatsby-dev-builds gatsby develop --host 0.0.0.0

Docker Compose配置（docker-compose.yml）

yaml
version: '3'
services:
  gatsby-dev:
    image: gatsbyjs/gatsby-dev-builds
    volumes:
      - ./my-gatsby-project:/app
    working_dir: /app
    ports:
      - "8000:8000"
    command: ["gatsby", "develop", "--host", "0.0.0.0"]

执行docker-compose up即可启动开发环境。 ===FULL_DESC===