1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import { useValTown } from "../components/ValTownProvider.tsx";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { ValTownVals } from "../components/val-town/ValTownVals.tsx";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { ValTownSQLite } from "../components/val-town/ValTownSQLite.tsx";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { ValTownProfile } from "../components/val-town/ValTownProfile.tsx";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { ValTownEmails } from "../components/val-town/ValTownEmails.tsx";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { ValTownBlobs } from "../components/val-town/ValTownBlobs.tsx";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { ValTownProvider } from "./ValTownProvider.tsx";
4import { Router } from "./Router.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { App } from "./components/App.tsx";
5
12โโโ frontend/
13โ โโโ index.html # Main HTML template
14โ โโโ index.tsx # React app entry point
15โ โโโ components/ # React components
16โ โ โโโ App.tsx # Main app component
17โ โ โโโ Layout.tsx # Dashboard layout
43
44- **Backend**: Hono-based API server with proxy routes to Val Town API
45- **Frontend**: React SPA with client-side routing
46- **Authentication**: API key-based authentication for Val Town services
47- **Styling**: TailwindCSS for responsive design
Hono + React + Tailwind + Farcaster Mini App Starter Project
Freelance software engineer, open-sourcerer, speaker. Building `nuqs`, a type-safe search params state manager for React.
Write business logic with ease
Meet the new standard for modern TypeScript development.
Type-safe, reactive, framework-agnostic library to manage your business logic.