31:T68a,content = html`

${ md` ### This blog doesn't require tools to be installed. Its trivial to write and update content from any computer. - *Everything* required to write content or customize the deployment engine is web hosted. - Content is written in [Observable](https://observablehq.com/) notebooks (e.g. [this post, [an earlier one](https://observablehq.com/@tomlarkworthy/blog-first-post?collection=@tomlarkworthy/blog)](https://observablehq.com/@tomlarkworthy/jamstack) or the [navbars](https://observablehq.com/@tomlarkworthy/blog-common)). - The deployment toolchain is *also* hosted in an Observable Notebook (e.g. [Netlify deploy](https://observablehq.com/@tomlarkworthy/netlify-deploy)). - [Observable](https://observablehq.com/) is designed for literate programming. Markdown or HTML or roll your own DSL. ### This blog is fast and does not require Javascript The usual [Jamstack](https://jamstack.org/) advantages apply. - Compiled to static assets deployed to a CDN. - Exploits Netlify' [instant cache invalidation](https://www.netlify.com/blog/2015/09/11/instant-cache-invalidation/) so production updates are fast. - Scaleable and secure. ![Google Page Speed test](${await FileAttachment("image@1.png").url()}) ### This blog engine is Programmable, Open Source and Forkable. Because the engine is programmed in Observable: - Content is written within a web hosted IDE. You generate content programatically. - Content pages, the deployment pipeline are executed in the browser, in cells viewers can look at. - All pages can be forked and reprogrammed, allow blog developers to customize their blog engine without installing tooling. ` }`32:[{"id":"8032244cf73741313e461d24c2170afcd4ee9282f6478f041d22207fe9d347b1e83b329a7225ef17c806a6a70c26e8753f4c208ad11273dc448801196ee02a0d","href":"https://static.observableusercontent.com/files/8032244cf73741313e461d24c2170afcd4ee9282f6478f041d22207fe9d347b1e83b329a7225ef17c806a6a70c26e8753f4c208ad11273dc448801196ee02a0d","name":"image@1.png","type":"image/png","lastModified":1607358024397.366,"size":55798}] 2f:{"title":"A Zero Install Forkable Jamstack","cells":[{"id":414,"value":"titleHtml = html`

${\nmd`# ${metadata.title}\n`}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":524,"value":"metadata = ({\n title: \"A Zero Install Forkable Jamstack\",\n tags: [\"article\", \"jamstack\"],\n description: \"How this blog is deployed to Netlify by an open source notebook\",\n target: \"/blogs/jamstack.html\",\n content: content.outerHTML,\n twitterCreator: \"@tomlarkworthy\",\n image: await FileAttachment(\"image@1.png\").url(),\n get url() {\n return 'https://tomlarkworthy.endpointservices.net' + this.target;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":504,"value":"viewof settings = deployStaticFile({\n ...metadata,\n content: content.outerHTML,\n app_id: 'b6a918d2-9cda-4fde-b2ec-add91b22ea02',\n source: preview.href\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"preview = deploy(\"preview\", (req, res) => {\n res.header(\"Access-Control-Allow-Origin\", \"*\"); \n return res.send(page)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":590,"value":"page = `\n\n \n \n \n ${header.outerHTML}\n \n \n ${topbar.outerHTML}\n

\n ${sidebar.outerHTML}\n

\n ${titleHtml.outerHTML}\n ${content.outerHTML}\n

\n \n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":408,"value":"import {deployStaticFile, session, viewof user} from '@endpointservices/netlify'","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"import {sidebar, topbar, header, deploy, html} from '@tomlarkworthy/blog-navigation'","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"import {icon} from \"@chitacan/rss\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}