From 77b1916df1a7f543842c081a0aafd1faf60d446f Mon Sep 17 00:00:00 2001
From: HangerThem <f.borisjuk@hangerthem.com>
Date: Tue, 4 Aug 2026 14:56:24 +0200
Subject: [PATCH] Dev env check for description length

---
 app/posts/[slug]/page.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/posts/[slug]/page.tsx b/app/posts/[slug]/page.tsx
index 0b9611b..14d2a8d 100644
--- a/app/posts/[slug]/page.tsx
+++ b/app/posts/[slug]/page.tsx
@@ -98,6 +98,17 @@ export default async function Post({ params }: { params: Promise<{ slug: string
           <span>{meta.readingTimeText}</span>
         </div>
         <p className="text-fg text-lg mb-4">{meta.description}</p>
+        {process.env.NODE_ENV === 'development' && (
+          <span className="text-fg-dim text-sm mb-4 block">
+            Description has {meta.description.length} characters, which is{' '}
+            {meta.description.length < 120
+              ? 'too short'
+              : meta.description.length > 160
+                ? 'too long'
+                : 'just right'}{' '}
+            for SEO.
+          </span>
+        )}
         {meta.coverImage && <ImageWrapper src={meta.coverImage} alt={meta.coverImageAlt} />}
         <div className="prose">{content}</div>