How change response markup. #726

huijiewei · 2023-02-07T04:00:17Z

huijiewei
Feb 7, 2023

I use twind.style in solid-start.

export default function handleRequest(
  request,
  responseStatusCode,
  responseHeaders,
  remixContext,
) {
  let markup = renderToString(<RemixServer context={remixContext} url={request.url} />)
+  // Add twind styles to the markup
+  markup = inline(markup)
  responseHeaders.set('Content-Type', 'text/html')
  return new Response('<!DOCTYPE html>' + markup, {
    status: responseStatusCode,
    headers: responseHeaders,
  })
}

How change response markup.

Answered by huijiewei

Feb 9, 2023

I use middleware to do it. Thanks

({ forward }) => {
    return async (event) => {
      const response = await forward(event);

      return new Response(response.body?.pipeThrough(new TwindStream()), {
        status: response.status,
        headers: response.headers,
      });
    };
  }

View full answer

huijiewei · 2023-02-09T01:32:44Z

huijiewei
Feb 9, 2023
Author

I use middleware to do it. Thanks

({ forward }) => {
    return async (event) => {
      const response = await forward(event);

      return new Response(response.body?.pipeThrough(new TwindStream()), {
        status: response.status,
        headers: response.headers,
      });
    };
  }

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How change response markup. #726

{{title}}

Replies: 1 comment

{{title}}

Select a reply

How change response markup. #726

huijiewei Feb 7, 2023

Replies: 1 comment

huijiewei Feb 9, 2023 Author

huijiewei
Feb 7, 2023

huijiewei
Feb 9, 2023
Author