20 Ways to Use This Svelte Starter

Here are some ideas for apps you can build, explained in everyday language:

\n \n

\n {index + 1}. {useCase}\n

\n\n\n`;\n\nexport default (req: Request) => {\n const url = new URL(req.url);\n if (url.pathname === \"/App.svelte\") {\n try {\n const compiledCode = compile(svelteCode, {\n generate: \"client\",\n }).js.code.replaceAll(\"'svelte\", \"'https://esm.sh/svelte@4.2.8\");\n \n return new Response(compiledCode, {\n headers: {\n \"content-type\": \"text/javascript; charset=utf-8\",\n },\n });\n } catch (error) {\n console.error(\"Svelte compilation error:\", error);\n return new Response(`console.error(\"Svelte compilation failed: ${error.message}\");`, {\n headers: {\n \"content-type\": \"text/javascript; charset=utf-8\",\n },\n status: 500,\n });\n }\n }\n return new Response(\n `\n \n \n \n \n 20 Ways to Use This Svelte Starter\n \n \n \n \n View Source\n \n `,\n {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n },\n },\n );\n};","label",[65],"a1575eda-26c4-11f0-9a82-569c3dd06744",["D",1743308081419],"# Svelte Starter\n\nThis val shows how to compile and run a Svelte app in Val Town.\n\nThe clever part of this app is that we serve `/App.svelte` by dynamically compiling the Svelte code to JS.\n\nIf you are looking for server-side rendering, check out [svelteSSRStarter](https://www.val.town/v/stevekrouse/svelteSSRStarter).\n\n_Thanks Rich Harris for getting this working!_",[76],"pulls","branches","forks","envVars",{"_72":20,"_195":20},"connections",{"_72":20,"_194":20},"unfilledCount","emptyCount",{"_29":183,"_13":76,"_63":75,"_39":-5,"_31":32,"_176":36,"_177":94,"_33":202,"_35":20,"_66":49,"_179":185,"_68":24,"_181":-5,"_199":203,"_140":204},{"_29":175,"_13":65,"_63":64,"_39":-5,"_31":32,"_176":85,"_177":94,"_33":198,"_35":73,"_66":67,"_179":180,"_68":24,"_181":-5,"_199":200,"_140":201},["D",1746030302874],"children",[],[65],["D",1743308081419],[],[76],["D",1746128641055],{"_11":12,"_139":71},{"_11":12,"_135":-5,"_70":71,"_25":69,"_136":137,"_138":24},{"_35":85,"_13":16,"_29":32,"_124":90,"_125":126,"_127":20,"_128":96,"_129":130,"_131":132,"_133":14,"_134":12},"ctx",{"_47":-5,"_161":242,"_243":244,"_245":246,"_247":24,"_248":24,"_249":24,"_250":94,"_251":-5,"_252":-7,"_253":-7,"_254":20,"_255":24,"_256":24,"_257":-5,"_258":24,"_259":24,"_260":24,"_261":-5},"ENV",{"_213":214,"_215":216,"_217":16,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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