@remix-run/server-runtime

Server-Side Rendering

This feature allows you to handle server-side rendering with Remix. The `createRequestHandler` function is used to create a request handler that can be integrated with an Express server.

const { createRequestHandler } = require('@remix-run/server-runtime');
const express = require('express');
const app = express();

app.all('*', createRequestHandler({
  getLoadContext() {
    // Provide context for loaders
    return {};
  }
}));

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

Data Loading

This feature allows you to load data on the server side before rendering a page. The `json` function is used to return JSON responses from loaders.

const { json } = require('@remix-run/server-runtime');

async function loader({ request }) {
  const data = await fetchDataFromAPI();
  return json(data);
}

Error Handling

This feature allows you to handle errors in your server-side logic. The `json` function can be used to return error responses with appropriate status codes.

const { json } = require('@remix-run/server-runtime');

async function loader({ request }) {
  try {
    const data = await fetchDataFromAPI();
    return json(data);
  } catch (error) {
    return json({ error: error.message }, { status: 500 });
  }
}