SSR and routes in Solid.JS

On the Solid.JS website, it is stated that it supports server-side rendering (SSR). However, I am unable to find a straightforward method for SSR with routing. For instance, if I consider the following example:

import express from "express";
import { renderToString } from "solid-js/web";

function App() {
  return <h1>Hello World</h1>;
}

const app = express();

app.get("/", (req, res) => {
  const html = renderToString(() => <App />);
  res.send(html);
});

app.listen(3000, () => {
  console.log("Server started on port 3000");
});

import express from "express";
import { renderToString } from "solid-js/web";

function App() {
  return <h1>Hello World</h1>;
}

const app = express();

app.get("/", (req, res) => {
  const html = renderToString(() => <App />);
  res.send(html);
});

app.listen(3000, () => {
  console.log("Server started on port 3000");
});

(https://docs.solidjs.com/references/concepts/ssr/simple-client-fetching-ssr)
Although this code works, it does not explain how to incorporate routing. Is there a way to make it work based on the request URL received by Express without requiring modifications to the App component?

SolidJS•3y ago•

9 replies

tkirishima

SSR and routes in Solid.JS

import express from "express";
import { renderToString } from "solid-js/web";

function App() {
  return <h1>Hello World</h1>;
}

const app = express();

app.get("/", (req, res) => {
  const html = renderToString(() => <App />);
  res.send(html);
});

app.listen(3000, () => {
  console.log("Server started on port 3000");
});

import express from "express";
import { renderToString } from "solid-js/web";

function App() {
  return <h1>Hello World</h1>;
}

const app = express();

app.get("/", (req, res) => {
  const html = renderToString(() => <App />);
  res.send(html);
});

app.listen(3000, () => {
  console.log("Server started on port 3000");
});

SSR and routes in Solid.JS

Similar Threads

SSR and routes in Solid.JS

Similar Threads

Similar Threads

Similar Threads