Upgrade to nextjs 16, tailwind v4, prose ui latest

Author: vrepsys

content-collections.ts

@@ -2,13 +2,15 @@ import { extractMetadata } from '@/lib/extract-metadata'
 import { defineCollection, defineConfig } from '@content-collections/core'
 import { compileMDX } from '@content-collections/mdx'
 import { remarkPlugins } from '@prose-ui/core'
+import { z } from 'zod'
 
 const pages = defineCollection({
   name: 'pages',
   directory: 'content/docs',
   include: '**/*.mdx',
-  schema: (z) => ({
-    title: z.optional(z.string()),
+  schema: z.object({
+    title: z.string().optional(),
+    content: z.string(),
   }),
   transform: async (page, ctx) => {
     const { toc, title } = await extractMetadata(page.content)

content/docs/index.mdx

@@ -6,13 +6,22 @@ Hello, universe! This is an open-source Prose UI starter template for documentat
 
 This template uses Prose UI components and remark plugins to render MDX content. For example, the image below is rendered using the `Image` and `Frame` components, with a caption.
 
+
+
+
 <Frame
   align="center"
   caption="Juno Captures Moon Shadow on Jupiter. Credits: NASA/JPL-Caltech/SwRI/MSSS, Thomas Thomopoulos © CC BY"
 >
   <Image src="/img/jupiter.jpg" width={480} alt="Juno Captures Moon Shadow on Jupiter" />
 </Frame>
 
+Mathematical formulas can also be rendered using LaTeX syntax. Here's a block formula example:
+
+$$
+i\hbar\frac{\partial}{\partial t}\Psi(\mathbf{r},t) = \hat{H}\Psi(\mathbf{r},t) = \left[-\frac{\hbar^2}{2m}\nabla^2 + V(\mathbf{r},t)\right]\Psi(\mathbf{r},t)
+$$
+
 ## Tech stack
 
 This template uses the following technologies:

package.json

@@ -9,40 +9,42 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@icons-pack/react-simple-icons": "^10.2.0",
+    "@icons-pack/react-simple-icons": "^13.8.0",
     "@radix-ui/colors": "^3.0.0",
-    "@radix-ui/react-dialog": "^1.1.2",
-    "@radix-ui/react-scroll-area": "^1.2.1",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-visually-hidden": "^1.1.0",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-visually-hidden": "^1.2.3",
     "class-variance-authority": "^0.7.1",
-    "framer-motion": "^12.0.0-alpha.1",
-    "lucide-react": "^0.468.0",
-    "next": "15.1.0",
-    "next-themes": "^0.4.4",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "slugify": "^1.6.6"
+    "framer-motion": "^12.23.24",
+    "lucide-react": "^0.552.0",
+    "next": "16.0.1",
+    "next-themes": "^0.4.6",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "shiki": "^3.14.0",
+    "slugify": "^1.6.6",
+    "zod": "^4.1.12"
   },
   "devDependencies": {
-    "@content-collections/core": "^0.7.3",
-    "@content-collections/mdx": "^0.2.0",
-    "@content-collections/next": "^0.2.4",
-    "@prose-ui/core": "1.0.3",
-    "@prose-ui/next": "1.0.3",
+    "@content-collections/core": "^0.12.0",
+    "@content-collections/mdx": "^0.2.2",
+    "@content-collections/next": "^0.2.9",
+    "@prose-ui/core": "1.0.7",
+    "@prose-ui/next": "1.0.7",
+    "@tailwindcss/postcss": "^4.1.16",
     "@types/mdast": "^4.0.4",
-    "@types/node": "^22.10.1",
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.2",
-    "acorn": "^8.14.0",
+    "@types/node": "^24.10.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "acorn": "^8.15.0",
     "clsx": "^2.1.1",
     "mdast-util-to-string": "^4.0.0",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.6",
     "remark": "^15.0.1",
-    "remark-mdx": "^3.1.0",
-    "tailwind-merge": "^2.5.5",
-    "tailwindcss": "^3.4.16",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.7.2"
+    "remark-mdx": "^3.1.1",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.16",
+    "typescript": "^5.9.3"
   }
 }