2b:null 2c:["$","title",null,{"children":"A Zero Install Forkable Jamstack | Tom Larkworthy | Observable"}] 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:{"id":"7ea3754ef54f3ec8","slug":"jamstack","title":"A Zero Install Forkable Jamstack","thumbnail":"dc0bf6b6d84ee38ba11ec29de20ad136fa2f65615a4a6aaaf048826c695f8b6d","access_level":"public","create_time":"$D2020-12-07T07:57:04.305Z","update_time":"$D2021-02-11T21:59:17.699Z","view_time":null,"first_public_time":"$D2020-12-07T08:56:24.096Z","fork":{"id":"a46458ec96604365","slug":"blog-first-post","title":"First Post: Static site generation in Observable","owner":{"id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy"}},"stars":4,"starred":false,"owner":{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024"},"version":654,"publish_version":654,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}],"members":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":4,"collection":{"id":"262286e4f7023969","slug":"blog","title":"blog","owner":{"id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy"}},"type":"notebook","body":{"title":"A Zero Install Forkable Jamstack","cells":[{"id":414,"value":"titleHtml = html`

${\nmd`# ${metadata.title}\n`}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":408,"value":"import {deployStaticFile, session, viewof user} from '@endpointservices/netlify'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"import {sidebar, topbar, header, deploy, html} from '@tomlarkworthy/blog-navigation'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"import {icon} from \"@chitacan/rss\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"