tuanphungcz / nextjs-notion-blog-starter Goto Github PK

Issue Description

We are experiencing issues with the Incremental Static Regeneration (ISR) feature in our Next.js application hosted on Vercel. Despite setting the revalidate option in getStaticProps, the pages do not seem to be regenerating at the specified intervals.

Details

• Framework: Next.js
• Hosting: Vercel
• Function: getStaticProps with revalidate set to 600 seconds (10 minutes)
• Expected Behavior: The pages should regenerate every 10 minutes when accessed after the set interval.
• Current Behavior: Pages remain static and do not update as expected, even when accessed after the 10-minute interval.

Steps to Reproduce

1. Set up a Next.js application with getStaticProps implemented.
2. Deploy the application to Vercel.
3. Access the page to trigger the initial static generation.
4. Modify the source content (e.g., update data in a CMS or database).
5. Access the page after the revalidate period has elapsed.
6. Observe that the changes are not reflected in the regenerated page.

Additional Information

• No errors are shown in the Vercel function logs.
• Environment variables and API keys are correctly configured.
• The issue persists across multiple deployments and even after clearing the cache.

Expected Resolution

• Clarification on whether there is a known issue with ISR on Vercel that might be affecting this functionality.
• Any potential workarounds or settings that might need to be adjusted to ensure that ISR works as expected.
• Assistance in debugging this issue to determine if the configuration might be incorrect or if there are other underlying problems.

Conclusion
This issue is critical as it affects the dynamic nature of our site, which relies on timely content updates. We appreciate any guidance or support that can be provided to resolve this issue promptly.

Amazing project ! ✨ i'd like to test this on local or deploy somewhere.
guide on how to deploy demo.blogfolio.co

Task:
Add dark demo in tailwind

example: https://tailwindcss.com/docs/dark-mode

I want to make some of the blog post with Image in it. Like Step By step Tutorial type of content. I found that image not showing up in the blog post after I publish . I am using Blog Starter Template( older version ). Is there any way to fix? Thank you.

i had to
return { props: { articles:JSON.parse(JSON.stringify(articles)), categories }, revalidate: 30 };

I'm looking forward to setting this up as my open notebook deployed on vercel.
For that I would need to hide keep my secrets locally while also having them on vercel.
This doesn't seem to be explained in the docs.

You should be able to set up a Deploy button
https://vercel.com/docs/deploy-button
with the correct API keys field and get a super simple deployment setup for new users

I've went ahead and made a deploy button already :

I would recommend you include it in the readme along with the "Run locally" section. I would open a PR but I'm on mobile at the moment

https://nextjs-notion-blog-starter.vercel.app/blog/deploy-your-notion-blog-powered-by-nextjs-and-tailwind#notion-setup

This link doesn't work

I added this id but still facing issue

Task:
Add OG image generation via @vercel/og

demo: https://vercel.com/docs/concepts/functions/edge-functions/og-image-examples