1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
import App from "../pages/app.tsx";import Hello from "../pages/hello.tsx";import Register from "../pages/register.tsx";import User from "../pages/user.tsx";import fastro, { render } from "../server/mod.ts";
// define a hello component to render// attach this to page declarationconst hello = render(<Hello />);const app = render(<App />);const user = render(<User />);const register = render(<Register />);
const f = fastro()  // set static endpoint url  // default folder is at ./public  // this is a place where hydrated files generated  .static("/static")  // set endpoint for app page  .page("/", hello, (req, res) => {    // you can access the http request object    // console.log(req.url);    return res.ssr(hello)      // add css      .link(        `rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"`,      )      // you can inject react props from server      .render();  })  .page("/:user", user, (req, res) => {    // console.log(req.match);    // you can access the http request object    const u = req.match?.pathname.groups.user;    return res.ssr(user)      // you can inject react props from server      .props({ data: u })      .link(        `rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"`,      )      .render();  })  // set endpoint for hello page  .page("/:user/count", app, (req, res) => {    const user = req.match?.pathname.groups.user;    return res.ssr(app)      // and set the html title and other meta data      // for seo purpose      .title(`Hello ${user}`)      .link(        `rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"`,      )      .props({ data: user })      .meta(`name="viewport" content="width=device-width"`)      .render();  })  .page("/app/register", register, (req, res) => {    return res.ssr(register)      // and set the html title and other meta data      // for seo purpose      .title(`Register`)      .link(        `href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"`,      )      .link(`/static/app.css" rel="stylesheet"`)      .meta(`name="viewport" content="width=device-width"`)      .render();  });
await f.serve();