fix(blog): show unpublished posts in dev mode

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: rgbkrk

app/(blog)/blog/[slug]/page.tsx

@@ -13,18 +13,20 @@ type BlogPostPageProps = {
   }>;
 };
 
-export const dynamicParams = false;
+const isDev = process.env.NODE_ENV === "development";
+
+export const dynamicParams = isDev;
 
 export async function generateStaticParams() {
-  const slugs = await getAllSlugs();
+  const slugs = await getAllSlugs({ includeUnpublished: isDev });
   return slugs.map((slug) => ({ slug }));
 }
 
 export async function generateMetadata({
   params,
 }: BlogPostPageProps): Promise<Metadata> {
   const { slug } = await params;
-  const post = await getPostBySlug(slug);
+  const post = await getPostBySlug(slug, { includeUnpublished: isDev });
 
   if (!post) {
     return {};
@@ -58,7 +60,7 @@ export async function generateMetadata({
 
 export default async function BlogPostPage({ params }: BlogPostPageProps) {
   const { slug } = await params;
-  const post = await getPostBySlug(slug);
+  const post = await getPostBySlug(slug, { includeUnpublished: isDev });
 
   if (!post) {
     notFound();