real basalt
EDIT: Just created a project from scratch with the same code and it's working as expected, I'll pay a look on what differences (probably some libraries) are making my project to work in a different way
I'm doing a migration of some of my static pages to the new App Router and I'm facing some 'issues', I don't fully get how the static pages works on the new router, for example one of my pages is connected to Contentful and I followed the tutorials to achieve SSG, in the build the page is labeled as "(Static) prerendered as static content" but logging my "getData" function the page is still doing a call on the first load of the page, after the first load the page seems to be cached and I don't get the log again.
I also did a very simple page in order to test and I get the same behavior, is this normal for my scenario? Should I verify if SSG is working in a different way (not with the logs)?
This is the test page that I created to test, the getData function is called at build time generating the html in the .nexjs folder but also in the first load of the page:
`async function getData() {
console.log("[TESTPAGE] getData"); // This is called on build time and on the first load of the page
const aboutPageData = await fetch(
"http://jsonplaceholder.typicode.com/posts",
{ cache: "force-cache" },
).then((response) => response.json());
return aboutPageData;
}
export default async function listPage() {
const data = await getData();
if (!data) {
return { notFound: true };
} else {
return (
<div>
{data.map((post: any) => (
<div key={post.id}>
<h2>{post.title}</h2>
<p>{post.body}</p>
</div>
))}
</div>
);
}
}`
Any comment will be highly appreciated, thanks in advance!
solemn dagger
vital iris
hybrid rune