[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_256":257,"_258":259},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_188":-5,"_20":189,"_22":190,"_191":192,"_193":194,"_25":195,"_24":-5,"_196":197,"_198":199,"_200":50,"_201":202,"_203":73,"_204":-5,"_205":-5,"_206":207},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","kvrt","name","markdownBlog","branchName","main","version","path","","project",{"_35":145,"_13":14,"_37":146,"_48":-5,"_147":50,"_51":52,"_148":52,"_149":-5,"_150":-5,"_151":152,"_153":66,"_154":73,"_155":73,"_156":-5,"_157":71,"_55":158,"_159":-5,"_160":-5,"_161":-5,"_162":-5,"_163":164,"_165":164,"_166":167,"_168":167,"_169":167,"_170":164,"_171":164,"_172":173,"_174":175,"_176":177,"_49":50},"tree",[101,102,103,104],"file","contents",[59,60,61,62],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"pull","ahead",7,"behind",0,"envVars","id","8e73c264-d835-11ef-bbbf-e6cdfca9ef9f","createdAt",["D",1737491000655],"updatedAt",["D",1744030679667],"projectId","8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f",167,"forkedBranchId","forkedBranchVersion","lockfileKey","1767103399424-esm.town_v_stevekrouse_markdownBlogStarter@167-main","deletedAt","isOwned",false,"privacy","public","userHandle","stevekrouse","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","markdownBlogStarter",{"_35":95,"_13":96,"_65":97,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":98,"_17":33,"_75":99,"_77":-5,"_79":50,"_80":-5,"_18":100},{"_35":88,"_13":89,"_65":90,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":91,"_17":33,"_75":92,"_77":93,"_79":50,"_80":-5,"_18":94},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":85,"_17":33,"_75":24,"_77":86,"_79":50,"_80":-5,"_18":87},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":33,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":81},"cdbf08a4-6a0f-11f0-895d-0224a6c84d84","index.tsx","fileId","01984664-9d2c-735e-a5bc-e1938e77204e","parentId","branchId","cdb8feb4-6a0f-11f0-895d-0224a6c84d84","branchVersion",1,"latest",true,["D",1753527655650],"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport Markdown from \"https://esm.sh/react-markdown@9?deps=react@18.2.0\";\nimport { listFiles, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Layout } from \"./Layout.tsx\";\n\nfunction PostComponent({ markdown, link }: { markdown: string; link?: string }) {\n return (\n

\n {link}\n {markdown}\n

\n );\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/\") {\n const files = await listFiles(import.meta.url);\n const posts = files.filter((file) => file.path.startsWith(\"posts/\"));\n const postContents = await Promise.all(\n posts.map(async (file) => readFile(file.path, import.meta.url)),\n );\n\n return html(\n

My blog!

This is my blog.

Posts

\n {postContents.map((markdown, i) => )}\n

,\n );\n }\n if (url.pathname.startsWith(\"/posts/\")) {\n const markdown = await readFile(url.pathname, import.meta.url);\n return html(\n

My blog!

\n {markdown}\n

,\n );\n }\n return new Response(\"Not found\", { status: 404 });\n}\n\nfunction html(children: React.ReactNode) {\n return new Response(\n renderToString(\n \n {children}\n ,\n ),\n {\n headers: {\n \"content-type\": \"text/html;\",\n },\n },\n );\n}","deleted","label",[64],"cdbf070a-6a0f-11f0-895d-0224a6c84d84","README.md","01984664-9d2c-735e-a5bc-dee632563fa4",["D",1753527655650],"# 📖 myBlog\n\nA simple static blog.\n\n### 🚀 Getting Started\n\n- Click **Remix** on the top right to clone this project.\n\n### 📂 Adding Posts\n\n1. Navigate to the `/posts` directory.\n2. Create a new Markdown (`.md`) or `.mdx` file.\n3. Write your post and save the file.",[83],"cdbf02e6-6a0f-11f0-895d-0224a6c84d84","Layout.tsx","01984664-9d2c-735e-a5bc-db2ac3906f8b",["D",1753527655650],"script","/** @jsxImportSource npm:react@18.2.0 */\nimport type { ReactNode } from \"npm:react@18.2.0\";\n\nexport function Layout({ children }: { children: ReactNode }) {\n return (\n \n \n \n \n My blog\n \n \n \n {children}\n \n \n );\n}",[89],"cdbf0188-6a0f-11f0-895d-0224a6c84d84","posts","01984664-9d2c-735e-a5bc-d7eadbda3d8c",["D",1753527655650],"directory",[96],{"_35":95,"_13":96,"_65":97,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":115,"_17":33,"_75":99,"_77":-5,"_79":50,"_80":-5,"_106":116,"_18":117},{"_35":88,"_13":89,"_65":90,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":112,"_17":33,"_75":92,"_77":93,"_79":50,"_80":-5,"_106":113,"_18":114},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":109,"_17":33,"_75":24,"_77":86,"_79":50,"_80":-5,"_106":110,"_18":111},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":105,"_17":33,"_75":76,"_77":78,"_79":50,"_80":-5,"_106":107,"_18":108},["D",1753527655650],"children",[],[64],["D",1753527655650],[],[83],["D",1753527655650],[],[89],["D",1753527655650],[118,119,120],[96],{"_35":137,"_13":138,"_65":139,"_67":97,"_68":69,"_70":140,"_72":73,"_37":141,"_17":71,"_75":24,"_77":142,"_79":50,"_80":-5,"_106":143,"_18":144},{"_35":130,"_13":131,"_65":132,"_67":97,"_68":69,"_70":31,"_72":73,"_37":133,"_17":71,"_75":24,"_77":134,"_79":50,"_80":-5,"_106":135,"_18":136},{"_35":121,"_13":122,"_65":123,"_67":97,"_68":69,"_70":124,"_72":73,"_37":125,"_17":126,"_75":24,"_77":127,"_79":50,"_80":-5,"_106":128,"_18":129},"dc37e634-6a10-11f0-9a07-0224a6c84d84","003-third-post.md","a615c4e0-6a10-11f0-aca9-0224a6c84d84",6,["D",1753528109502],4,"### Installing Proxmox v8 on a home server (part 2)\n\nThis series of posts aims to provide a current and easy to understand tutorial on installing Proxmox Hypervisor onto a bare metal home or small business server.\n#### Part 2 - Preparing server & installation media",[],[96,122],"dff7da72-6a10-11f0-ab81-0224a6c84d84","002-second-post.md","01984664-9d2c-735e-a5bc-d362d3e5b872",["D",1753528115796],"### Installing Proxmox v8 on a home server (part 1)\n\nThis series of posts aims to provide a current and easy to understand tutorial on installing Proxmox Hypervisor onto a bare metal home or small business server.\n#### Part 1 - Intro\nI recently spent some time converting my white box bare metal unraid machine into a 100% solid state, beast of a Proxmox virtualization server.\nHere's what I learned along the way",[],[96,131],"3b75d976-6a11-11f0-aca9-0224a6c84d84","001-first-post.md","01984664-9d2c-735e-a5bc-cf50a4e6e17f",8,["D",1753528269295],"### Welcome to my corner of the internet\n\nFirst and foremost I am not a blogger. I am a construction manager that dabbles in Software Engineering as a hobby.\nThat being said this is in fact a blog, so I guess that makes me a blogger.",[],[96,138],"cdb64f34-6a0f-11f0-895d-0224a6c84d84",["D",1753527655650],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","f2200a7e-17a7-4960-8b5f-db038d939a4a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","65803414-f145-46ee-bb85-fe0888ce30ea","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_187":183},"org",{"_11":12,"_181":-5,"_182":183,"_151":152,"_184":185,"_186":50},"branch",{"_17":140,"_13":16,"_35":69,"_41":145,"_44":36,"_45":43,"_178":52,"_179":42,"_180":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyYzFDNkhQSDFFRVVzZ3Z4b1lNRjZVTzdHVyJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":145,"_13":14,"_37":252,"_48":-5,"_147":50,"_51":52,"_148":52,"_149":-5,"_150":-5,"_151":152,"_153":66,"_154":73,"_155":73,"_156":-5,"_157":71,"_55":158,"_159":-5,"_160":-5,"_161":-5,"_162":-5,"_163":164,"_165":164,"_166":167,"_168":167,"_169":167,"_170":164,"_171":164,"_172":253,"_174":254,"_176":255,"_49":50},[231,235,236,237],"files",[231,232,233,234,235,236,237],"counts",{"_222":33,"_223":71,"_224":33,"_34":225,"_226":227},[214,215,216,217],"upstreamProject",{"_35":42,"_13":58,"_149":210,"_150":211,"_51":52,"_172":212},"upstreamBranch",{"_35":36,"_37":208,"_39":209,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1737491000655],["D",1744030679667],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512?exp=1789585199&sig=4d8537c5381e3f42bdb6c38ae351919aec2e4dc143010f33e09124e0f07fc153",{"_11":54,"_187":213},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_35":95,"_13":96,"_65":97,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":98,"_17":33,"_75":99,"_77":-5,"_79":50,"_80":-5,"_18":221},{"_35":88,"_13":89,"_65":90,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":91,"_17":33,"_75":92,"_77":93,"_79":50,"_80":-5,"_18":220},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":85,"_17":33,"_75":24,"_77":86,"_79":50,"_80":-5,"_18":219},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":33,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":218},[64],[83],[89],[96],"pulls","branches","forks",{"_228":33,"_230":33},"connections",{"_228":33,"_229":33},"count","unfilledCount","emptyCount",{"_35":95,"_13":96,"_65":97,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":115,"_17":33,"_75":99,"_77":-5,"_79":50,"_80":-5,"_106":250,"_18":251},{"_35":137,"_13":138,"_65":139,"_67":97,"_68":69,"_70":140,"_72":73,"_37":141,"_17":71,"_75":24,"_77":142,"_79":50,"_80":-5,"_106":248,"_18":249},{"_35":130,"_13":131,"_65":132,"_67":97,"_68":69,"_70":31,"_72":73,"_37":133,"_17":71,"_75":24,"_77":134,"_79":50,"_80":-5,"_106":246,"_18":247},{"_35":121,"_13":122,"_65":123,"_67":97,"_68":69,"_70":124,"_72":73,"_37":125,"_17":126,"_75":24,"_77":127,"_79":50,"_80":-5,"_106":244,"_18":245},{"_35":88,"_13":89,"_65":90,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":112,"_17":33,"_75":92,"_77":93,"_79":50,"_80":-5,"_106":242,"_18":243},{"_35":82,"_13":83,"_65":84,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":109,"_17":33,"_75":24,"_77":86,"_79":50,"_80":-5,"_106":240,"_18":241},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":105,"_17":33,"_75":76,"_77":78,"_79":50,"_80":-5,"_106":238,"_18":239},[],[64],[],[83],[],[89],[],[96,122],[],[96,131],[],[96,138],[232,233,234],[96],["D",1753527655650],{"_11":12,"_187":183},{"_11":12,"_181":-5,"_182":183,"_151":152,"_184":185,"_186":50},{"_17":140,"_13":16,"_35":69,"_41":145,"_44":36,"_45":43,"_178":52,"_179":42,"_180":56,"_57":14,"_53":12},"ctx",{"_172":-5,"_205":289,"_290":291,"_292":293,"_294":50,"_295":50,"_296":50,"_297":73,"_298":-5,"_299":-7,"_300":-7,"_301":33,"_302":50,"_303":50,"_304":-5,"_305":50,"_306":50,"_307":50,"_308":-5},"ENV",{"_260":261,"_262":263,"_264":16,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code