create-next-mdx-blog-app 2.1.10 → 2.2.1

package/README.md

@@ -61,7 +61,7 @@ npx create-next-mdx-blog-app .
 ### Package Information
 
 - **Package Name**: `create-next-mdx-blog-app`
-- **Version**: `2.1.10`
+- **Version**: `2.2.1`
 - **License**: MIT
 - **Homepage**: [https://www.npmjs.com/package/create-next-mdx-blog-app](https://www.npmjs.com/package/create-next-mdx-blog-app/)
 
@@ -81,7 +81,7 @@ npx create-next-mdx-blog-app .
 - **react-syntax-highlighter**: A library for syntax highlighting in React applications, making code snippets more readable.
 - **tsx**: Run TypeScript code without worrying about configuration! Run the `article-manager.ts` for manually working with published articles.
 - **@codesandbox/sandpack-react**: Powers the in-browser JavaScript/TypeScript code execution environment, running code entirely client-side with no server required.
-- **ai** (Vercel AI SDK): Provides streaming AI response primitives and transport utilities (`TextStreamChatTransport`, `streamText`, tool support) for building the interactive chatbot.
+- **ai** (Vercel AI SDK): Provides streaming AI response primitives and transport utilities (`TextStreamChatTransport`, `streamText`, tool support) used by both the interactive chatbot and the AI article summarizer.
 - **@ai-sdk/anthropic**: Anthropic provider for the Vercel AI SDK, used to connect to Claude models.
 - **@ai-sdk/react**: React hooks (`useChat`) for building streaming AI chat interfaces.
 - **zod**: TypeScript-first schema validation library used to define and validate AI tool parameters.
@@ -219,6 +219,12 @@ The project includes an interactive AI-powered chatbot optimised for readers of
 ### API Route
 `src/app/api/chat/route.ts` — Next.js edge route. Accepts the `UIMessages` array, converts it to `CoreMessages` via `convertToModelMessages`, streams a response using `streamText` with the three blog tools, and returns `result.toTextStreamResponse()`.
 
+## ✨ AI Article Summarizer
+A **Generate TL;DR** button above every dynamic article streams a short Claude Haiku summary into a collapsible green panel. The slug is the only thing sent over the wire — `src/app/api/summarize/[slug]/route.ts` (edge) fetches the article server-side, applies an origin allow-list (`NEXT_PUBLIC_SITE_URL`) + per-IP rate limit (10/min) + 1-hour in-memory cache, then calls `streamText` and writes the final text to cache via `after()`. The client (`src/components/ArticleSummarizer.tsx`) uses `AbortController` to cancel in-flight requests on close/unmount. Model and prompt live in `src/utils/constants/AiSummaryConfig.ts`.
+
+## 👥 Author Profile Pages
+A `/authors` index lists every distinct contributor pulled from the Supabase `Article` table, with per-author profile routes at `/authors/[slug]` showing their bio, avatar, and every article they've published.
+
 ## 📬 Newsletter Subscription
 The project ships with an integrated **newsletter signup form** powered by [Resend](https://resend.com). Visitors can subscribe from the home page or from the bottom of any article; new subscribers are added to a Resend **Audience** and immediately receive a welcome email.
 

package/package.json

@@ -1,87 +1,89 @@
-{
-  "name": "create-next-mdx-blog-app",
-  "version": "2.1.10",
-  "description": "A production-ready technical blog starter kit built with Next.js, MDX, Supabase, and TypeScript.",
-  "author": {
-    "name": "Abdullah Muhammad",
-    "url": "https://github.com/CodingAbdullah"
-  },
-  "files": [
-    "bin/"
-  ],
-  "bin": {
-    "create-next-mdx-blog-app": "./bin/create.js"
-  },
-  "engines": {
-    "node": ">=18.17.0"
-  },
-  "homepage": "https://next-mdx-blog-starter-sigma.vercel.app/",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/CodingAbdullah/Next-MDX-Blog-Starter.git"
-  },
-  "keywords": [
-    "aws",
-    "docker",
-    "javascript",
-    "jsx",
-    "mdx",
-    "next",
-    "react",
-    "sql",
-    "supabase",
-    "typescript"
-  ],
-  "license": "MIT",
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@inquirer/prompts": "^8.3.2",
-    "degit": "^2.8.4",
-    "execa": "^9.6.1"
-  },
-  "devDependencies": {
-    "@ai-sdk/anthropic": "^3.0.64",
-    "@ai-sdk/react": "^3.0.143",
-    "@codesandbox/sandpack-react": "^2.20.0",
-    "@eslint/eslintrc": "^3",
-    "@mdx-js/loader": "^3.1.1",
-    "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^16.2.1",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@supabase/supabase-js": "^2.101.0",
-    "@tailwindcss/postcss": "^4",
-    "@types/mdx": "^2.0.13",
-    "@types/node": "^25.5.0",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "@vercel/analytics": "^2.0.1",
-    "ai": "^6.0.141",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "eslint": "^10",
-    "eslint-config-next": "16.2.1",
-    "gray-matter": "^4.0.3",
-    "lucide-react": "^1.7.0",
-    "next": "^16.2.1",
-    "next-mdx-remote": "^6.0.0",
-    "next-themes": "^0.4.6",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-syntax-highlighter": "^16.1.1",
-    "resend": "^6.12.2",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4",
-    "tsx": "^4.21.0",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "6.0.2",
-    "zod": "^4.3.6"
-  }
-}
+{
+  "name": "create-next-mdx-blog-app",
+  "version": "2.2.1",
+  "description": "A production-ready technical blog starter kit built with Next.js, MDX, Supabase, and TypeScript.",
+  "author": {
+    "name": "Abdullah Muhammad",
+    "url": "https://github.com/CodingAbdullah"
+  },
+  "files": [
+    "bin/"
+  ],
+  "bin": {
+    "create-next-mdx-blog-app": "./bin/create.js"
+  },
+  "engines": {
+    "node": ">=18.17.0"
+  },
+  "homepage": "https://next-mdx-blog-starter-sigma.vercel.app/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CodingAbdullah/Next-MDX-Blog-Starter.git"
+  },
+  "keywords": [
+    "aws",
+    "docker",
+    "javascript",
+    "jsx",
+    "mdx",
+    "next",
+    "react",
+    "sql",
+    "supabase",
+    "typescript"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "doctor": "npx react-doctor@latest"
+  },
+  "dependencies": {
+    "@inquirer/prompts": "^8.4.3",
+    "degit": "^3.0.0",
+    "execa": "^9.6.1"
+  },
+  "devDependencies": {
+    "@ai-sdk/anthropic": "^3.0.78",
+    "@ai-sdk/react": "^3.0.192",
+    "@codesandbox/sandpack-react": "^2.20.0",
+    "@eslint/eslintrc": "^3",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
+    "@next/mdx": "^16.2.6",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@supabase/supabase-js": "^2.106.1",
+    "@tailwindcss/postcss": "^4",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@vercel/analytics": "^2.0.1",
+    "ai": "^6.0.190",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "eslint": "^10",
+    "eslint-config-next": "16.2.6",
+    "gray-matter": "^4.0.3",
+    "lucide-react": "^1.16.0",
+    "next": "^16.2.6",
+    "next-mdx-remote": "^6.0.0",
+    "next-themes": "^0.4.6",
+    "react": "^19.2.6",
+    "react-doctor": "^0.2.14",
+    "react-dom": "^19.2.6",
+    "react-syntax-highlighter": "^16.1.1",
+    "resend": "^6.12.3",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4",
+    "tsx": "^4.22.3",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "6.0.3",
+    "zod": "^4.4.3"
+  }
+}