Entrypoints

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.

Report an issue with this page