{post.title}

\n {post.tags.map((tag) => (\n #{tag}\n ))}\n

\n {post.content.split(\"\\n\\n\").map((para) => (\n

{para}

\n ))}\n

\n);\n",[18,91],"32b6b6d2-1cac-41c8-aa90-073098ab0c07",["D",1787164120106],"/** @jsxImportSource npm:hono/jsx */\nimport type { FC } from \"npm:hono/jsx\";\nimport type { Post } from \"../data.ts\";\n\nexport const PostCard: FC<{ post: Post }> = ({ post }) => (\n \n

\n {post.avatar}\n

{post.author}

{post.date}

{post.title}

{post.excerpt}

\n {post.tags.map((tag) => (\n #{tag}\n ))}\n

\n \n);\n",[18,82],"257c14e6-7689-47b1-afda-58132b9d94e0",["D",1787164112060],"/** @jsxImportSource npm:hono/jsx */\nimport type { FC, PropsWithChildren } from \"npm:hono/jsx\";\n\nexport const Layout: FC> = ({ title, children }) => (\n \n \n \n \n {title ? `${title} · Tiny Blog` : \"Tiny Blog\"}\n \n \n \n \n

\n \n 📝 Tiny Blog\n \n \n view source\n \n

{children}

\n \n \n \n);\n",[18,67],"pulls","branches",1,"forks","envVars",{"_201":195,"_203":26},"connections",{"_201":26,"_202":26},"count","unfilledCount","emptyCount",{"_35":170,"_13":18,"_65":92,"_45":-5,"_37":38,"_171":172,"_173":24,"_39":236,"_41":26,"_68":93,"_175":-5,"_70":30,"_176":-5,"_216":237,"_17":238},{"_35":189,"_13":67,"_65":66,"_45":92,"_37":38,"_171":42,"_173":24,"_39":233,"_41":26,"_68":69,"_175":191,"_70":30,"_176":-5,"_216":234,"_17":235},{"_35":185,"_13":82,"_65":81,"_45":92,"_37":38,"_171":76,"_173":24,"_39":230,"_41":26,"_68":69,"_175":187,"_70":30,"_176":-5,"_216":231,"_17":232},{"_35":181,"_13":91,"_65":90,"_45":92,"_37":38,"_171":85,"_173":24,"_39":227,"_41":26,"_68":69,"_175":183,"_70":30,"_176":-5,"_216":228,"_17":229},{"_35":219,"_13":220,"_65":221,"_45":-5,"_37":38,"_171":222,"_173":24,"_39":223,"_41":26,"_68":69,"_175":224,"_70":30,"_176":-5,"_216":225,"_17":226},{"_35":210,"_13":211,"_65":107,"_45":-5,"_37":38,"_171":135,"_173":24,"_39":212,"_41":26,"_68":213,"_175":214,"_70":30,"_176":215,"_216":217,"_17":218},"4f15b2ad-5ce5-4509-af3b-cf286c53cadf","main.tsx",["D",1787164141005],"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { posts } from \"./data.ts\";\nimport { Layout } from \"./components/Layout.tsx\";\nimport { PostCard } from \"./components/PostCard.tsx\";\nimport { PostPage } from \"./components/PostPage.tsx\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) =>\n c.html(\n \n

Latest posts

\n {posts.map((post) => )}\n ,\n ));\n\napp.get(\"/post/:id\", (c) => {\n const post = posts.find((p) => p.id === c.req.param(\"id\"));\n if (!post) return c.notFound();\n return c.html(\n \n \n ,\n );\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\nexport default app.fetch;\n","victor-tiny-blog","children",[],[211],"a1a343e2-03fe-4227-b2b7-a0f746791f89","data.ts","bd352f8a-9bfb-11f1-b605-1607ee4eb77e",3,["D",1787164093847],"// Temporary/mock blog data (in-memory, resets on redeploy)\nexport interface Post {\n id: string;\n title: string;\n author: string;\n avatar: string; // emoji stand-in for an avatar\n date: string;\n tags: string[];\n excerpt: string;\n content: string;\n}\n\nexport const posts: Post[] = [\n {\n id: \"hello-val-town\",\n title: \"Hello, Val Town!\",\n author: \"Ada Lovelace\",\n avatar: \"🧮\",\n date: \"2026-08-01\",\n tags: [\"intro\", \"valtown\"],\n excerpt: \"Kicking off this little blog to try out server-rendered pages on Val Town.\",\n content:\n \"Kicking off this little blog to try out server-rendered pages on Val Town.\\n\\n\" +\n \"No database yet — just a small in-memory array of posts, enough to prove out the layout, \" +\n \"routing, and styling before wiring up real persistence with SQLite.\",\n },\n {\n id: \"why-serverless-ts\",\n title: \"Why I Like Serverless TypeScript\",\n author: \"Grace Hopper\",\n avatar: \"⚓️\",\n date: \"2026-08-05\",\n tags: [\"typescript\", \"serverless\"],\n excerpt: \"No servers to babysit, no build step, just write a file and it's live.\",\n content:\n \"No servers to babysit, no build step, just write a file and it's live.\\n\\n\" +\n \"That instant feedback loop changes how you prototype. You stop worrying about infrastructure \" +\n \"and start worrying about the actual problem you're solving.\",\n },\n {\n id: \"design-tiny-uis\",\n title: \"Designing Tiny UIs\",\n author: \"Alan Turing\",\n avatar: \"🧩\",\n date: \"2026-08-12\",\n tags: [\"design\", \"ui\"],\n excerpt: \"Small pages deserve just as much care as big applications.\",\n content:\n \"Small pages deserve just as much care as big applications.\\n\\n\" +\n \"A clear hierarchy, a little whitespace, and one accent color go a long way. This blog is a good \" +\n \"excuse to practice that restraint.\",\n },\n];\n",[],[220],["D",1787164128115],[],[18,91],["D",1787164120106],[],[18,82],["D",1787164112060],[],[18,67],["D",1787164098201],[205,206,207],[18],["D",1787159129420],["D",1789519256886],{"_11":12,"_148":73},{"_11":12,"_144":14,"_72":73,"_31":71,"_145":146,"_147":30},{"_41":135,"_13":16,"_35":38,"_136":95,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":14,"_143":12},"ctx",{"_55":-5,"_167":277,"_278":279,"_280":281,"_282":30,"_283":30,"_284":30,"_285":24,"_286":-5,"_287":-7,"_288":-7,"_289":26,"_290":30,"_291":30,"_292":-5,"_293":30,"_294":30,"_295":30,"_296":-5},"ENV",{"_248":249,"_250":251,"_252":16,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

History · components