🕳️🔍️

Dev Setup

Because I'm kind of corpo brained, I have a fairly formal setup. I've got a README.md, and a Dockerfile, and an example nginx.conf--lol, yup.

Kind of pathetic, I admit. But it does make for smooth developer experience when I come in trying to make some changes after months on hiatus elsewheres.

Some more specifics: I use the NPM package live-server to get live-reloading as I save.

I'm trying to keep the architecture/framework/tooling ((I'm sorry I can't help how I talk)) relatively low-impact (at least compared to what I'd be forced to make for work). So that means no ReactJS, no express, no "sythetics" (lol), and not even a webserver. It's just a plain old nginx container listening behind a reverse proxy.

Dockerfile

    FROM nginx:latest

    WORKDIR /etc/nginx

    COPY ./config/nginx.conf ./
    COPY ./config/derelict.ink ./

    RUN mkdir html

    COPY ./static ./html/static
    COPY ./stubs ./html/stubs
    COPY ./pages ./html/pages

    RUN nginx -t
                    

compose.yml

    name: derelict.ink
    services:
      web:
        build: .
        container_name: derelict.ink
        ports:
          - 127.0.0.1:1234:1234
                    

I did this so I could take advantage of Server-Side Includes (SSI), because I wanted to follow the DRY principle, which lets me do nice things like use the following at the top of this HTML file:

Example SSIs

Note these are inside special "SSI Command" HTML comments (<--# -->), but wrapping them here would cause the command to be executed!

    # set var="browser-title" value="Colophon"
    # set var="page-title" value="🕳️🔍️"
    # include file="/stubs/header.shtml"
                    

Git hooks

I use this post-commit hook to make the changelog on the left.

Okay, I've actually since updated this to an incredibly hideous sed one-liner that I'm not going to paste here. Shoot me an email if you want it, and I'll gladly share, though.