Skip to content

entry-server.mdx

Latest commit

 

History

History
33 lines (28 loc) · 1.16 KB

entry-server.mdx

File metadata and controls

33 lines (28 loc) · 1.16 KB
title entry-server.tsx

This is where application is rendered on the server. This happens by entry-server.tsx providing a document component to <StartServer> and passing it into createHandler for server side rendering.

Every SolidStart app must have an entry-server.tsx file, the most basic usage looks about the following example:

import { createHandler, StartServer } from "@solidjs/start/server";

export default createHandler(() => (
	<StartServer
		document={({ assets, children, scripts }) => (
			<html lang="en">
				<head>
					<meta charset="utf-8" />
					<meta name="viewport" content="width=device-width, initial-scale=1" />
					<link rel="icon" href="/favicon.ico" />
					{assets}
				</head>
				<body>
					<div id="app">{children}</div>
					{scripts}
				</body>
			</html>
		)}
	/>
));

To take full advantage of the entry-server.tsx file, check the createHandler docs and the Rendering Modes page.