11ty で env をデフォルト値対応させたり便利に使えるようにする

Laravel みたいな感じで env() を使いたかったので、node の dotenv をラップして、デフォルト値や bool 型への対応を行う。

11ty でレイアウトの階層が深くなると block が使えない問題

11ty で使用できる Nunjucks では block 構文がサポートされており、例えばレイアウト内に設置された block に対し、レイアウトを読み込んだテンプレート側で block が配置された位置に好きな文言を差し込んだりできる。
ただ、レイアウトが階層化されていると、孫階層から先は block 構文が動作しなくなってしまうため、11ty の Shortcode を使って解決する。

11ty と TailwindCSS のビルド環境を整える - その２

11ty で TailwindCSS を組み込んだ最低限のビルド環境を整える。２回目は TailwindCSS の導入と PostCSS によるパースおよび npm run で前回の 11ty のビルドと、PostCSS の実行を同時に行う。

11ty と TailwindCSS のビルド環境を整える - その１

11ty で tailwindcss を組み込んだ最低限のビルド環境を整える。初回は 11ty のインストールとディレクトリ構成について。

静的サイトジェネレータとヘッドレス CMS によるサイト構築

静的サイトジェネレータとヘッドレス CMS を使ったサイト構築について考える