11ty で env をデフォルト値対応させたり便利に使えるようにする
Laravel みたいな感じで env() を使いたかったので、node の dotenv をラップして、デフォルト値や bool 型への対応を行う。
11ty でレイアウトの階層が深くなると block が使えない問題
11ty で使用できる Nunjucks では block 構文がサポートされており、例えばレイアウト内に設置された block に対し、レイアウトを読み込んだテンプレート側で block が配置された位置に好きな文言を差し込んだりできる。
ただ、レイアウトが階層化されていると、孫階層から先は block 構文が動作しなくなってしまうため、11ty の Shortcode を使って解決する。
11ty と TailwindCSS のビルド環境を整える - その2
11ty で TailwindCSS を組み込んだ最低限のビルド環境を整える。2回目は TailwindCSS の導入と PostCSS によるパースおよび npm run で前回の 11ty のビルドと、PostCSS の実行を同時に行う。
11ty と TailwindCSS のビルド環境を整える - その1
11ty で tailwindcss を組み込んだ最低限のビルド環境を整える。初回は 11ty のインストールとディレクトリ構成について。