Skip to content

Instantly share code, notes, and snippets.

@pspeter3
Last active December 8, 2022 20:42
Show Gist options
  • Save pspeter3/56931a837cb854c55bb06024287ead95 to your computer and use it in GitHub Desktop.
Save pspeter3/56931a837cb854c55bb06024287ead95 to your computer and use it in GitHub Desktop.
Eleventy 11ty.js Extensions
_site
node_modules
import h from "vhtml";
export const data = {
title: "Eleventy 11ty.js Extensions",
};
interface Context {
log(message: string): void;
}
interface Data {
readonly title: string;
}
export function render(this: Context, { title }: Data) {
this.log(title);
return (
<html lang="en">
<head>
<title>{title}</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@picocss/pico@1.5.0/css/pico.min.css"
integrity="sha256-TMMCiSUqLaqob0cQkqOwl6oJLd2X5WKYJ4ML+BQRQOA="
crossorigin="anonymous"
></link>
</head>
<body>
<main className="container">
<h1>{title}</h1>
<p>
Example repo to show the value of{" "}
<a href="https://github.com/11ty/eleventy/pull/2279">
11ty/eleventy#2279
</a>
.
</p>
</main>
</body>
</html>
);
}
{
"name": "11ty-extensions",
"description": "Example repo to show the value of https://github.com/11ty/eleventy/pull/2279.",
"scripts": {
"build": "node --require esbuild-register node_modules/.bin/eleventy",
"start": "node --require esbuild-register node_modules/.bin/eleventy --incremental --serve",
"postinstall": "patch-package"
},
"repository": {
"type": "git",
"url": "git+ssh://git@gist.github.com/56931a837cb854c55bb06024287ead95.git"
},
"devDependencies": {
"@11ty/eleventy": "^1.0.0",
"@types/vhtml": "^2.2.4",
"esbuild-register": "^3.3.2",
"patch-package": "^6.4.7",
"typescript": "^4.6.3",
"vhtml": "^2.2.0"
}
}
{
"compilerOptions": {
"target": "es2021", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
"jsx": "react", /* Specify what JSX code is generated. */
"jsxFactory": "h", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */
"module": "commonjs", /* Specify what module code is generated. */
"esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */
"forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */
"strict": true, /* Enable all strict type-checking options. */
"skipLibCheck": true /* Skip type checking all .d.ts files. */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment