Welcome to My Portfolio

{personalData.summary}

This website is rendered server-side with React.

Check out the source and start building your own site!

\n);\n\nconst AboutPage = () => (\n

About Me

{personalData.about}

\n);\n\nconst ProjectsPage = () => (\n

My Projects

\n {personalData.projects.map((project, index) => (\n \n

{project.name}

{project.description}

\n \n ))}\n

\n);\n\nconst NotFoundPage = () => (\n

404 Not Found

Sorry, the page you're looking for doesn't exist.

\n Return to Home\n

\n);\n\n// Main App component\nconst App = ({ currentPath }) => {\n let content;\n switch (currentPath) {\n case '/':\n content = ;\n break;\n case '/about':\n content = ;\n break;\n case '/projects':\n content = ;\n break;\n default:\n content = ;\n }\n\n return (\n \n \n \n \n {personalData.name} | Server-side React\n \n \n \n

{personalData.name}

{personalData.label}

\n \n

{content}

\n \n \n \n );\n};\n\nexport default function handler(req: Request): Response {\n const url = new URL(req.url);\n const currentPath = url.pathname;\n const reactHtml = renderToString();\n const fullHtml = `${reactHtml}`;\n return new Response(fullHtml, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/iamseeley/multirouteReact/code/main.tsx","extension","actionData","errors"]