【Next.js】getStaticPropsで複数のエンドポイントから情報を取得する方法について

Question

前提

Next.jsでブログサービスを作成しています。

実現したいこと

1つのページで2つのエンドポイントから情報を取得したい。（そもそも可能でしょうか？）

該当のソースコード

// 1つ目
export const getStaticProps = async () => {
	const data = await client.get({
		endpoint: "first",
		queries: { limit: 20, offset: 0, limit: 4 },
	});

	return {
		props: {
			first: data.contents,
			totalCount: data.totalCount,
		},
	};
};

// 2つ目
export const getStaticProps = async () => {
	const data = await client.get({
		endpoint: "second",
		queries: { limit: 20, offset: 0, limit: 4 },
	});

	return {
		props: {
			second: data.contents,
			totalCount: data.totalCount,
		},
	};
};

試したこと

2つのコードを合体させてみたりしました、がうまくいきませんでした。

Comments

[slemntqe]

「合体」とは具体的にどのように合体しましたか？
「うまくいきませんでした」とは具体的に何が上手くいかなかったのですか？

Answer 1

typoでした

export const getStaticProps = async () => {
	const data = await client.get({
		endpoint: "first",
		queries: { limit: 20, offset: 0, limit: 4 },
	});

	const data2 = await client.get({
		endpoint: "second",
		queries: { limit: 20, offset: 0, limit: 3 },
	});

	return {
		props: {
			first: data.contents,
			totalCount: data.totalCount,
			second: data2.contents,
			totalCount: data2.totalCount,
		},
	};
};