getResourceFromContext returns null for dynamic page generation

Hi

I have the following file pages/[LB].tsx

I want to fetch a page that has the layout builder many blocks inside of it.

here is the code

import Badges from "@/components/Home-page/badges";
import { DrupalClient, DrupalNode } from "next-drupal";

import { Fragment } from "react";

const drupal = new DrupalClient(process.env.NEXT_PUBLIC_DRUPAL_BASE_URL);

export default function LB(props){
    console.log('props.node: ', props);

    return (
        <Fragment>
            <h1>Tesing dynamique LB pages rendering.</h1>
        </Fragment>
    );
}

export async function getStaticPaths(context) {

    console.log('context: ', context);

    return {
      paths: [
            {
                params: {
                    LB: await drupal.getStaticPathsFromContext("node--page", context) + ''
                }
            }
        ],
      fallback: 'blocking',
    }
}

export async function getStaticProps(context){

    const node = await drupal.getResourceFromContext<DrupalNode>("node--page", context);

    return {
        props: {
            node,
        },
    };
}

what it returs:

props: {
    "node": null
}

Thanks a lot.

[shadcn]

You don’t need the params part. This is handled for you.

export async function getStaticPaths(context) {
  return {
    paths: await drupal.getStaticPathsFromContext(
      ["node--page"],
      context
    ),
    fallback: false,
  }
}

export async function getStaticProps(context) {
  const path = await drupal.translatePathFromContext(context)

  const node = await drupal.getResourceFromContext(path, context)

  return {
    props: {
      node,
    },
  }
}

[shadcn]

See https://next-drupal.org/docs/pages#advanced-example