{
  "message": "Route GET:/ not found",
  "error": "Not Found",
  "statusCode": 404
}

  "scripts": {
    "dev": "npm run server",
    "prod": "npm run build && npm run server:prod",
    "build": "vite build",
    "server": "ts-node ./server",
    "server:prod": "cross-env NODE_ENV=production ts-node ./server"
  },
  "dependencies": {
    "@fastify/static": "6.4.1",
    "@types/node": "18.6.1",
    "@types/react": "18.0.15",
    "@types/react-dom": "18.0.6",
    "@vitejs/plugin-react": "2.0.0",
    "cross-env": "7.0.3",
    "fastify": "4.3.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "sirv": "2.0.2",
    "ts-node": "10.9.1",
    "typescript": "4.7.4",
    "vite": "3.0.3",
    "vite-plugin-ssr": "0.4.12"
  },
  "devDependencies": {
    "pino-pretty": "8.1.0"
  }
}

import { createServer as createViteServer } from 'vite';
import { renderPage } from 'vite-plugin-ssr';
import path from 'path';
import fastifyStatic from '@fastify/static';
import sirv from 'sirv';

const isProduction = process.env.NODE_ENV === 'production';
const root = path.resolve();
const assets = sirv(`${root}/dist/client`, {
  immutable: true,
  dev: !isProduction
});

async function startServer () {
  const app = fastify({
    logger: {
      transport:
        !isProduction
          ? {
            target: 'pino-pretty',
            options: {
              translateTime: 'HH:MM:ss Z',
              ignore: 'pid,hostname'
            }
          }
          : undefined
    },
  });

  try {
    if (isProduction) {
      await app.register(fastifyStatic, { root: `${root}/dist/client` });
      // app.addHook('onRequest', (req, reply, done) => {assets(req.raw, reply.raw, done);});
    } else {
      const viteDevMiddleware = await createViteServer({
        root,
        server: {
          middlewareMode: true,
        },
      });

      app.addHook('onRequest', (req, reply, done) => {
        viteDevMiddleware.middlewares(req.raw, reply.raw, done);
      });
    }

    app.get('*', async (req, reply) => {
      const pageContextInit = { url: req.url };
      const pageContext = await renderPage(pageContextInit);
      const { httpResponse } = pageContext;

      if (!httpResponse) return;

      const { body, statusCode, contentType } = httpResponse;

      reply.status(statusCode).type(contentType).send(body);
    });

    const port = (process.env.PORT || 3000) as number;

    await app.listen({ port });

    console.log(`Server running at http://localhost:${port}`);
  } catch (error) {
    app.log.fatal(error);
  }
}

startServer();