# shrink-wrap

Published articles for shrink-wrap.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## An Annotated Docker Config for Frontend Web Development

DevFeed: [An Annotated Docker Config for Frontend Web Development](<https://devfeed.tech/articles/an-annotated-docker-config-for-frontend-web-development-31239.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/an-annotated-docker-config-for-frontend-web-development>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2020-03-22T16:12:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [Docker](<https://devfeed.tech/topics/docker.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [DevOps](<https://devfeed.tech/topics/devops.md>), [Development](<https://devfeed.tech/topics/development.md>), [Docker Compose](<https://devfeed.tech/topics/docker-compose.md>), [Dockerfile](<https://devfeed.tech/topics/dockerfile.md>)

Tags: [allows](<https://devfeed.tech/tags/allows.md>), [apple-silicon](<https://devfeed.tech/tags/apple-silicon.md>), [config](<https://devfeed.tech/tags/config.md>), [development](<https://devfeed.tech/tags/development.md>), [devops](<https://devfeed.tech/tags/devops.md>), [docker](<https://devfeed.tech/tags/docker.md>), [docker-compose](<https://devfeed.tech/tags/docker-compose.md>), [environment](<https://devfeed.tech/tags/environment.md>), [frictionless](<https://devfeed.tech/tags/frictionless.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [insights](<https://devfeed.tech/tags/insights.md>), [local](<https://devfeed.tech/tags/local.md>), [making](<https://devfeed.tech/tags/making.md>), [multi-arch](<https://devfeed.tech/tags/multi-arch.md>), [needs](<https://devfeed.tech/tags/needs.md>), [onboarding](<https://devfeed.tech/tags/onboarding.md>), [project](<https://devfeed.tech/tags/project.md>), [shrink-wrap](<https://devfeed.tech/tags/shrink-wrap.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

This tutorial explains how to use Docker as a local development environment for frontend web projects. It presents a reusable configuration approach that packages each application with the environment and service versions it needs, making environments reproducible, disposable, and easier to share. Examples reference Craft CMS, Laravel, NodeJS, and Rails, with multi-architecture base images available for Apple Silicon.

### Source excerpt

A local development environment with Docker allows you to shrink-wrap the devops your project needs as config, making onboarding frictionless