Looking for advices on Static Output with Build Time Data

[MatteoGauthier]

Description

I'm trying to achieve a static output with data generated at build time for my project. I have configured my project with server-side rendering (SSR) enabled and I'm planning to deploy the client static build on Cloudflare Pages.

Current Configuration

Here is my current configuration:

export default {
  ssr: true,

  prerender: ["/", "/about", "/posts", "/posts/1", "/posts/2"],
} satisfies Config

Dynamic Route

I have a dynamic route set up as follows:

import type { Route } from "./+types/post"

// Using loader here to get data at build time
export async function loader({ params }: Route.LoaderArgs) {
  let post = await Promise.resolve({ id: params.id, title: "Post " + params.id })
  return { post }
}

export default function Post({ loaderData }: Route.ComponentProps) {
  return <h1>Welcome to the page of post {loaderData.post.title}</h1>
}

Questions

1. Is my current setup correct for generating static output with build time data?
2. The deployment is working fine; I've deployed the build/client directory to Cloudflare Pages. However, I'm wondering if it's acceptable to still have a build/server directory that is not used when running bun run build. Should I be concerned about it?

Additional Context

• The goal is to ensure that the static build is optimized and does not include unnecessary files or directories.
• Any insights or recommendations on best practices for this setup would be greatly appreciated.

Thank you!