feat: implement appDir

[stipsan]

Preview Deploy link

Blocked by:

• All Document/HTML requests are always missing cache, verify by looking at x-vercel-cache which is MISS but should be HIT like it is on the main.
• When in production (next build && next start) and SANITY_REVALIDATE_SECRET isn't set, an error is thrown when trying to view a post:

  Error: invariant: invalid Cache-Control duration provided: 0 < 1

• When running locally (next dev) the post pages throw this error:

  Error: Dynamic server usage: previewData

previewData blockers worked around, revisit in #95 once Next 13 is shipping an updated previewData() mechanic.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
nextjs-blog-cms-sanity-v3	✅ Ready (Inspect)	Visit Preview	Nov 24, 2022 at 5:48PM (UTC)

[kmelve]

📝 Changed routes:

• /api/exit-preview
• /api/og
• /api/preview

2 deleted routes:

• /
• /posts/[slug]

Commit 59b7c4c (https://nextjs-blog-cms-sanity-v3-px1r941v9.sanity.build).

[arduano]

Hi, with the cache control error that you listed as blocking, I was debugging the same error yesterday in my own project and I traced it down to a single usePathname call when ISR is enabled and a non cached page is fetched. I double checked entirely in isolation in a new test project to reproduce it. Also the error went away when I updated nextjs and react to the latest versions too. Your cause may be different but hopefully this helps.

[stipsan]

@arduano in this case it's calling previewData() that causes the bailout.

If you remove all the previewData() calls then things work like they do on main. You'll get a 60min TTL on the home page and slug pages, where it regens in the background and returns a STALE header whenever the TTL expires and you make a request.
Here's a deploy for you to check the cache headers.

[leerob]

Code is looking really good!