정적 페이지를 "만료된 페이지"로 올바르게 변환하는 방법은 무엇입니까?
정적인 프로모션 페이지가 많이 있습니다. 하지만 프로모션이 만료된 경우 만료 페이지를 탐색/표시해야 합니다. NextJS를 사용하여 정적 페이지에서 이를 수행하는 올바른 방법은 무엇입니까?
시도 1: getStaticProps에서 만료되었는지 확인하세요. 문제는 재검증이 600초마다 발생한다는 것입니다. 따라서 이는 정확한 12시가 아닌 오전 12시 28분에 발생할 수 있습니다(배포 시기에 따라 다름).
그래서 만료된 페이지가 제때에 표시되지 않습니다. 이 문제를 해결하는 방법? 또는 페이지를 변경하는 "올바른" 방법을 구현하십시오.
export const getStaticPaths = async () => {
const pageSlugs = await api.getAllSlugs();
const paths = pageSlugs.map((slug) => (params: {promo: slug})
);
return {
paths,
fallback: "blocking"
};
};
export async function getStaticProps({ preview = false, params, previewData }) {
const page = await api.getSlug(params.promo, {
preview,
enviroment: previewData?.enviroment
});
const isExpired = checkIfExpired(page.promoStart, page.promoEnd);
const expiredPage =
isExpired
? await api.getPage("expired-page", {
preview,
enviroment: previewData?.enviroment
})
: null;
return {
props: {
page,
isExpired,
expiredPage,
},
revalidate: 600
};
}