create-vexcms 0.1.0-alpha.4 → 0.1.0-alpha.6

package/README.md

@@ -110,6 +110,10 @@ First run only — links or creates a Convex project and prints your real
 replacing the generated placeholder values so the app stops pointing at
 `https://placeholder.convex.cloud`. Leave `Ctrl-C` once it reports functions are ready.
 
+`next.config.ts` derives `images.remotePatterns` from `NEXT_PUBLIC_CONVEX_URL`
+automatically, so `next/image` picks up the real deployment's hostname without any
+further edits.
+
 ### 2. Configure environment variables
 
 The installer writes `.env.local` with a generated `BETTER_AUTH_SECRET`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vexcms",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.6",
   "description": "Scaffold a new VexCMS project",
   "keywords": [
     "cms",

package/templates/base-nextjs/README.md

@@ -31,6 +31,10 @@ NEXT_PUBLIC_CONVEX_URL=https://your-deployment.convex.cloud
 NEXT_PUBLIC_CONVEX_SITE_URL=https://your-deployment.convex.site
 ```
 
+`next.config.ts` reads `NEXT_PUBLIC_CONVEX_URL` at build/start time and adds that
+deployment's hostname to `images.remotePatterns` automatically, so `next/image` can serve
+uploaded media without a manual edit.
+
 Better Auth runs inside your Convex deployment, not in the Next.js server —
 it does **not** read `.env.local`. Set the same two values on the
 deployment itself:

package/templates/base-nextjs/next.config.ts

@@ -1,6 +1,18 @@
 import type { NextConfig } from "next"
 
-import "./src/env.mjs"
+import { env } from "./src/env.mjs"
+
+// Convex file storage URLs (`next/image` sources for uploaded media) are
+// served from `<deployment>.convex.cloud` — derive the hostname from the
+// validated NEXT_PUBLIC_CONVEX_URL so scaffolds work without a manual
+// next.config.ts edit. Falls back to an empty list when the URL is unset or
+// unparsable (e.g. a deployment-less build with SKIP_ENV_VALIDATION set).
+let convexImageRemotePatterns: NonNullable<NextConfig["images"]>["remotePatterns"] = []
+try {
+  convexImageRemotePatterns = [{ hostname: new URL(env.NEXT_PUBLIC_CONVEX_URL).hostname }]
+} catch {
+  // No deployment yet — leave remotePatterns empty.
+}
 
 const nextConfig: NextConfig = {
   devIndicators: {
@@ -16,11 +28,9 @@ const nextConfig: NextConfig = {
     root: import.meta.dirname,
   },
   images: {
-    remotePatterns: [
-      // Add your Convex deployment's hostname here once `npx convex dev` has
-      // run — Convex file storage URLs are served from `<deployment>.convex.cloud`,
-      // e.g. { hostname: "your-deployment-575.convex.cloud" }.
-    ],
+    // Additional remote image hosts (e.g. an external CMS or CDN) can be
+    // added here alongside the auto-derived Convex hostname above.
+    remotePatterns: convexImageRemotePatterns,
   },
 }
 

package/templates/base-nextjs/package.json

@@ -24,11 +24,11 @@
     "@t3-oss/env-nextjs": "0.13.11",
     "@tanstack/react-form": "1.33.1",
     "@tanstack/react-query": "5.101.2",
-    "@vexcms/better-auth": "~0.1.0-alpha.4",
-    "@vexcms/core": "~0.1.0-alpha.4",
-    "@vexcms/file-storage-convex": "~0.1.0-alpha.4",
-    "@vexcms/next": "~0.1.0-alpha.4",
-    "@vexcms/react": "~0.1.0-alpha.4",
+    "@vexcms/better-auth": "~0.1.0-alpha.6",
+    "@vexcms/core": "~0.1.0-alpha.6",
+    "@vexcms/file-storage-convex": "~0.1.0-alpha.6",
+    "@vexcms/next": "~0.1.0-alpha.6",
+    "@vexcms/react": "~0.1.0-alpha.6",
     "better-auth": "1.6.23",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
@@ -52,7 +52,7 @@
     "@types/node": "20.19.43",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "@vexcms/cli": "~0.1.0-alpha.4",
+    "@vexcms/cli": "~0.1.0-alpha.6",
     "babel-plugin-react-compiler": "1.0.0",
     "eslint": "9.39.5",
     "eslint-config-next": "15.5.9",