Hello !
I am a nextJS beginner so this might be obvious for some people, but even after spending few hours on it, it still is not for me.

I am having, a simple problem : I can't impelement SSR.
Code will explain better than me :
My page.tsx

import CreateForm from '@/components/Dashboard/Categories/create-fom';
import { fetchCategories } from '@/fetchs/categories';

export default async function Page() {
  const categories = await fetchCategories();
  return (
    <div>
      <h1>Title</h1>
      {categories.map((category: { name: string; id: string }) => {
        return <p key={category.id}>{category.name}</p>;
      })}
      <CreateForm />
    </div>
  );
}

My function fetchCategories() :

import { db } from '@/lib/prisma';

export async function fetchCategories() {
  try {
    const categories = await db.category.findMany();
    return categories;
  } catch (e) {
    console.log(e);
  }
}

When I build & start the server, it correctly displays the list of categories. But if I add one, and I reload the page (& the server), it doesn't display the new one. I get that by default, pages are statically generated, but I've been told that using ORM in request will make the request not caching by default. What did I miss ?

Thank you 😄