2025-11-06 15:14:46 -08:00
<!DOCTYPE html>
< html lang = "en" dir = "auto" data-theme = "auto" >
< head > < script src = "/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer > < / script > < meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "robots" content = "noindex, nofollow" >
< title > Project Log: Docker Dreams and YAML Nightmares | Ask KennyB< / title >
< meta name = "keywords" content = "homelab, docker, networking, humor" >
< meta name = "description" content = "A totally serious update on my local lab, featuring unexpected container drama, a misbehaving reverse proxy, and lessons in patience." >
< meta name = "author" content = "Kenny Bondelie" >
< link rel = "canonical" href = "http://localhost:1313/blog/project-log-docker-dreams-and-yaml-nightmares/" >
< link crossorigin = "anonymous" href = "/assets/css/stylesheet.d1be478e0ac21456f47a24e92e3c75a5fb7aac2ff5827f9447dbc93b4dd76b50.css" integrity = "sha256-0b5HjgrCFFb0eiTpLjx1pft6rC/1gn+UR9vJO03Xa1A=" rel = "preload stylesheet" as = "style" >
< link rel = "icon" href = "http://localhost:1313/favicon.ico" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "http://localhost:1313/favicon-16x16.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "http://localhost:1313/favicon-32x32.png" >
< link rel = "apple-touch-icon" href = "http://localhost:1313/apple-touch-icon.png" >
< link rel = "mask-icon" href = "http://localhost:1313/safari-pinned-tab.svg" >
< meta name = "theme-color" content = "#2e2e33" >
< meta name = "msapplication-TileColor" content = "#2e2e33" >
< link rel = "alternate" hreflang = "en" href = "http://localhost:1313/blog/project-log-docker-dreams-and-yaml-nightmares/" >
< noscript >
< style >
# theme-toggle ,
. top-link {
display : none ;
}
< / style >
< style >
@ media ( prefers-color-scheme : dark ) {
: root {
--theme : rgb ( 29 , 30 , 32 ) ;
--entry : rgb ( 46 , 46 , 51 ) ;
--primary : rgb ( 218 , 218 , 219 ) ;
--secondary : rgb ( 155 , 156 , 157 ) ;
--tertiary : rgb ( 65 , 66 , 68 ) ;
--content : rgb ( 196 , 196 , 197 ) ;
--code-block-bg : rgb ( 46 , 46 , 51 ) ;
--code-bg : rgb ( 55 , 56 , 62 ) ;
--border : rgb ( 51 , 51 , 51 ) ;
color-scheme : dark ;
}
. list {
background : var ( - - theme ) ;
}
. toc {
background : var ( - - entry ) ;
}
}
@ media ( prefers-color-scheme : light ) {
. list :: -webkit-scrollbar-thumb {
border-color : var ( - - code - bg ) ;
}
}
< / style >
< / noscript >
< script >
if ( localStorage . getItem ( "pref-theme" ) === "dark" ) {
document . querySelector ( "html" ) . dataset . theme = 'dark' ;
} else if ( localStorage . getItem ( "pref-theme" ) === "light" ) {
document . querySelector ( "html" ) . dataset . theme = 'light' ;
} else if ( window . matchMedia ( '(prefers-color-scheme: dark)' ) . matches ) {
document . querySelector ( "html" ) . dataset . theme = 'dark' ;
} else {
document . querySelector ( "html" ) . dataset . theme = 'light' ;
}
< / script > < link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Source+Serif+4:opsz,wght@8..60,500..700&display=swap" rel = "stylesheet" >
< link rel = "icon" href = "/favicon.ico" sizes = "any" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "/favicon-32x32.png" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "/favicon-16x16.png" >
< link rel = "apple-touch-icon" href = "/apple-touch-icon.png" >
< link rel = "manifest" href = "/site.webmanifest" >
< meta name = "theme-color" content = "#007a70" >
< script defer src = "https://stats.askkennyb.com/script.js" data-website-id = "9ff21094-6881-404e-a30e-534c23dde9f8" > < / script >
< / head >
< body id = "top" >
< header class = "header" >
< nav class = "nav" >
< div class = "logo" >
< a href = "http://localhost:1313/" accesskey = "h" title = " (Alt + H)" >
< img src = "http://localhost:1313/images/logo_words.svg" alt = "" aria-label = "logo"
height = "75" > < / a >
< div class = "logo-switches" >
< button id = "theme-toggle" accesskey = "t" title = "(Alt + T)" aria-label = "Toggle theme" >
< svg id = "moon" xmlns = "http://www.w3.org/2000/svg" width = "24" height = "18" viewBox = "0 0 24 24"
fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round"
stroke-linejoin = "round" >
< path d = "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" > < / path >
< / svg >
< svg id = "sun" xmlns = "http://www.w3.org/2000/svg" width = "24" height = "18" viewBox = "0 0 24 24"
fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round"
stroke-linejoin = "round" >
< circle cx = "12" cy = "12" r = "5" > < / circle >
< line x1 = "12" y1 = "1" x2 = "12" y2 = "3" > < / line >
< line x1 = "12" y1 = "21" x2 = "12" y2 = "23" > < / line >
< line x1 = "4.22" y1 = "4.22" x2 = "5.64" y2 = "5.64" > < / line >
< line x1 = "18.36" y1 = "18.36" x2 = "19.78" y2 = "19.78" > < / line >
< line x1 = "1" y1 = "12" x2 = "3" y2 = "12" > < / line >
< line x1 = "21" y1 = "12" x2 = "23" y2 = "12" > < / line >
< line x1 = "4.22" y1 = "19.78" x2 = "5.64" y2 = "18.36" > < / line >
< line x1 = "18.36" y1 = "5.64" x2 = "19.78" y2 = "4.22" > < / line >
< / svg >
< / button >
< / div >
< / div >
< ul id = "menu" >
< li >
< a href = "http://localhost:1313/posts/" title = "Posts" >
< span > Posts< / span >
< / a >
< / li >
< li >
< a href = "http://localhost:1313/about/" title = "About" >
< span > About< / span >
< / a >
< / li >
< / ul >
< / nav >
< / header >
< main class = "main" >
< article class = "post-single" >
< header class = "post-header" >
< div class = "breadcrumbs" > < a href = "http://localhost:1313/" > Home< / a > » < a href = "http://localhost:1313/posts/" > Posts< / a > < / div >
< h1 class = "post-title entry-hint-parent" >
Project Log: Docker Dreams and YAML Nightmares
< / h1 >
< div class = "post-description" >
A totally serious update on my local lab, featuring unexpected container drama, a misbehaving reverse proxy, and lessons in patience.
< / div >
< div class = "post-meta" > < span title = '2025-11-05 00:00:00 +0000 UTC' > November 5, 2025< / span > · < span > 1 min< / span > · < span > Kenny Bondelie< / span >
< / div >
< / header > < div class = "toc" >
< details >
< summary accesskey = "c" title = "(Alt + C)" >
< span class = "details" > Table of Contents< / span >
< / summary >
< div class = "inner" > < ul >
< li >
< a href = "#the-symptoms" aria-label = "The Symptoms" > The Symptoms< / a > < / li >
< li >
< a href = "#the-diagnosis" aria-label = "The Diagnosis" > The Diagnosis< / a > < / li >
< li >
< a href = "#the-fix" aria-label = "The Fix" > The Fix< / a > < / li >
< li >
< a href = "#lessons-learned" aria-label = "Lessons Learned" > Lessons Learned< / a >
< / li >
< / ul >
< / div >
< / details >
< / div >
< div class = "post-content" > < blockquote >
< p > Sometimes the difference between a ‘ production-ready stack’ and ‘ why is my NAS on fire?’ is one missing space in a YAML file.< / p >
< / blockquote >
< p > It started innocently enough:< br >
a single < code > docker-compose.yml< / code > , neat and tidy, humming along like a well-trained orchestra. Then I added < em > one< / em > new service—my self-hosted note app—and everything fell apart.< / p >
< h3 id = "the-symptoms" > The Symptoms< a hidden class = "anchor" aria-hidden = "true" href = "#the-symptoms" > #< / a > < / h3 >
< ul >
< li > Containers refusing to start with no useful logs< / li >
< li > DNS loops that made my router question its purpose< / li >
< li > My wife asking, “Why is our TV buffering when you touch the server?”< / li >
< / ul >
< h3 id = "the-diagnosis" > The Diagnosis< a hidden class = "anchor" aria-hidden = "true" href = "#the-diagnosis" > #< / a > < / h3 >
< p > Turns out, I nested a volume mount under the wrong key.< br >
YAML: 1 — Human: 0.< / p >
< h3 id = "the-fix" > The Fix< a hidden class = "anchor" aria-hidden = "true" href = "#the-fix" > #< / a > < / h3 >
< p > A humble indent.< br >
Four spaces, to be precise.< br >
Suddenly the world made sense again, DNS was stable, and my cat stopped judging me.< / p >
< h3 id = "lessons-learned" > Lessons Learned< a hidden class = "anchor" aria-hidden = "true" href = "#lessons-learned" > #< / a > < / h3 >
< ol >
< li > < strong > Version control everything< / strong > , even your test Compose files.< / li >
< li > < strong > Automate backups< / strong > before you “just try something real quick.”< / li >
< li > < strong > Celebrate small victories< / strong > —sometimes the win is just getting your network back online before dinner.< / li >
< / ol >
< hr >
< p > If you read this and thought, “I’ < br >
Homelabs teach patience, humility, and the thrill of a perfectly clean < code > docker ps< / code > output.< / p >
< p > < em > Stay tuned for next week’ < / em > < / p >
< / div >
< footer class = "post-footer" >
< ul class = "post-tags" >
< li > < a href = "http://localhost:1313/tags/homelab/" > Homelab< / a > < / li >
< li > < a href = "http://localhost:1313/tags/docker/" > Docker< / a > < / li >
< li > < a href = "http://localhost:1313/tags/networking/" > Networking< / a > < / li >
< li > < a href = "http://localhost:1313/tags/humor/" > Humor< / a > < / li >
< / ul >
< nav class = "paginav" >
< a class = "next" href = "http://localhost:1313/blog/hello-world-why-ask-kenny-b/" >
< span class = "title" > Next »< / span >
< br >
< span > Hello, World — Why Ask Kenny B?< / span >
< / a >
< / nav >
< / footer >
< / article >
< / main >
< footer class = "footer" >
< span > © 2025 < a href = "http://localhost:1313/" > Ask KennyB< / a > < / span > ·
< span >
Powered by
< a href = "https://gohugo.io/" rel = "noopener noreferrer" target = "_blank" > Hugo< / a > &
< a href = "https://github.com/adityatelange/hugo-PaperMod/" rel = "noopener" target = "_blank" > PaperMod< / a >
< / span >
< / footer >
< a href = "#top" aria-label = "go to top" title = "Go to Top (Alt + G)" class = "top-link" id = "top-link" accesskey = "g" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 12 6" fill = "currentColor" >
< path d = "M12 6H0l6-6z" / >
< / svg >
< / a >
< script >
let menu = document . getElementById ( 'menu' ) ;
if ( menu ) {
const scrollPosition = localStorage . getItem ( "menu-scroll-position" ) ;
if ( scrollPosition ) {
menu . scrollLeft = parseInt ( scrollPosition , 10 ) ;
}
menu . onscroll = function ( ) {
localStorage . setItem ( "menu-scroll-position" , menu . scrollLeft ) ;
}
}
document . querySelectorAll ( 'a[href^="#"]' ) . forEach ( anchor => {
anchor . addEventListener ( "click" , function ( e ) {
e . preventDefault ( ) ;
var id = this . getAttribute ( "href" ) . substr ( 1 ) ;
if ( ! window . matchMedia ( '(prefers-reduced-motion: reduce)' ) . matches ) {
document . querySelector ( ` [id=' ${ decodeURIComponent ( id ) } '] ` ) . scrollIntoView ( {
behavior : "smooth"
} ) ;
} else {
document . querySelector ( ` [id=' ${ decodeURIComponent ( id ) } '] ` ) . scrollIntoView ( ) ;
}
if ( id === "top" ) {
history . replaceState ( null , null , " " ) ;
} else {
history . pushState ( null , null , ` # ${ id } ` ) ;
}
} ) ;
} ) ;
< / script >
< script >
var mybutton = document . getElementById ( "top-link" ) ;
window . onscroll = function ( ) {
if ( document . body . scrollTop > 800 || document . documentElement . scrollTop > 800 ) {
mybutton . style . visibility = "visible" ;
mybutton . style . opacity = "1" ;
} else {
mybutton . style . visibility = "hidden" ;
mybutton . style . opacity = "0" ;
}
} ;
< / script >
< script >
document . getElementById ( "theme-toggle" ) . addEventListener ( "click" , ( ) => {
const html = document . querySelector ( "html" ) ;
if ( html . dataset . theme === "dark" ) {
html . dataset . theme = 'light' ;
localStorage . setItem ( "pref-theme" , 'light' ) ;
} else {
html . dataset . theme = 'dark' ;
localStorage . setItem ( "pref-theme" , 'dark' ) ;
}
} )
< / script >
< script >
document . querySelectorAll ( 'pre > code' ) . forEach ( ( codeblock ) => {
const container = codeblock . parentNode . parentNode ;
const copybutton = document . createElement ( 'button' ) ;
copybutton . classList . add ( 'copy-code' ) ;
copybutton . innerHTML = 'copy' ;
function copyingDone ( ) {
copybutton . innerHTML = 'copied!' ;
setTimeout ( ( ) => {
copybutton . innerHTML = 'copy' ;
} , 2000 ) ;
}
copybutton . addEventListener ( 'click' , ( cb ) => {
if ( 'clipboard' in navigator ) {
navigator . clipboard . writeText ( codeblock . textContent ) ;
copyingDone ( ) ;
return ;
}
const range = document . createRange ( ) ;
range . selectNodeContents ( codeblock ) ;
const selection = window . getSelection ( ) ;
selection . removeAllRanges ( ) ;
selection . addRange ( range ) ;
try {
document . execCommand ( 'copy' ) ;
copyingDone ( ) ;
} catch ( e ) { } ;
selection . removeRange ( range ) ;
} ) ;
if ( container . classList . contains ( "highlight" ) ) {
container . appendChild ( copybutton ) ;
} else if ( container . parentNode . firstChild == container ) {
} else if ( codeblock . parentNode . parentNode . parentNode . parentNode . parentNode . nodeName == "TABLE" ) {
codeblock . parentNode . parentNode . parentNode . parentNode . parentNode . appendChild ( copybutton ) ;
} else {
codeblock . parentNode . appendChild ( copybutton ) ;
}
} ) ;
< / script >
< / body >
< / html >
