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

{children}

\n \n \n \n);\n","label",[157,64],"components","pulls","branches",1,"forks","envVars",{"_166":160,"_168":26},"connections",{"_166":26,"_167":26},"count","unfilledCount","emptyCount",{"_32":211,"_13":157,"_62":149,"_42":-5,"_34":35,"_150":212,"_151":86,"_36":213,"_38":26,"_65":214,"_153":-5,"_67":24,"_155":-5,"_181":215,"_17":216},{"_32":148,"_13":64,"_62":63,"_42":149,"_34":35,"_150":39,"_151":86,"_36":208,"_38":26,"_65":66,"_153":154,"_67":24,"_155":-5,"_181":209,"_17":210},{"_32":200,"_13":201,"_62":202,"_42":149,"_34":35,"_150":203,"_151":86,"_36":204,"_38":26,"_65":66,"_153":205,"_67":24,"_155":-5,"_181":206,"_17":207},{"_32":192,"_13":193,"_62":194,"_42":149,"_34":35,"_150":195,"_151":86,"_36":196,"_38":26,"_65":66,"_153":197,"_67":24,"_155":-5,"_181":198,"_17":199},{"_32":184,"_13":185,"_62":186,"_42":-5,"_34":35,"_150":187,"_151":86,"_36":188,"_38":26,"_65":66,"_153":189,"_67":24,"_155":-5,"_181":190,"_17":191},{"_32":175,"_13":176,"_62":84,"_42":-5,"_34":35,"_150":113,"_151":86,"_36":177,"_38":26,"_65":178,"_153":179,"_67":24,"_155":180,"_181":182,"_17":183},"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",[],[176],"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",[],[185],"bf764c19-8fd5-43c6-9a45-0e7e840c93b1","PostPage.tsx","d1a6bdda-9bfb-11f1-b855-1607ee4eb77e",7,["D",1787164128115],"/** @jsxImportSource npm:hono/jsx */\nimport type { FC } from \"npm:hono/jsx\";\nimport type { Post } from \"../data.ts\";\n\nexport const PostPage: FC<{ post: Post }> = ({ post }) => (\n

\n \n ← back to all posts\n \n

\n {post.avatar}\n

{post.author}

{post.date}

{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",[],[157,193],"32b6b6d2-1cac-41c8-aa90-073098ab0c07","PostCard.tsx","ccdae86c-9bfb-11f1-995e-1607ee4eb77e",6,["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",[],[157,201],["D",1787164112060],[],[157,64],"16016a65-c0f2-4c38-9dd8-808dd21e418c",4,["D",1787164098201],"directory",[170,171,172],[157],["D",1787159129420],["D",1789519256886],{"_11":12,"_126":70},{"_11":12,"_122":14,"_69":70,"_30":68,"_123":124,"_125":24},{"_38":113,"_13":16,"_32":35,"_114":72,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":14,"_121":12},"ctx",{"_52":-5,"_145":255,"_256":257,"_258":259,"_260":24,"_261":24,"_262":24,"_263":86,"_264":-5,"_265":-7,"_266":-7,"_267":26,"_268":24,"_269":24,"_270":-5,"_271":24,"_272":24,"_273":24,"_274":-5},"ENV",{"_226":227,"_228":229,"_230":16,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254},"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 · Layout.tsx