modern-cms 1.0.0 → 1.1.0

package/README.md

@@ -13,6 +13,7 @@ You'll be asked for:
 - Where to create the project
 - Database engine (PostgreSQL or MySQL) — host, database name, username, password
 - File storage provider (AWS S3 / any S3-compatible service, Azure Blob Storage, or Cloudinary) and its credentials
+- Which port the web app and API should run on (defaults: 3000 and 4000)
 - Site URLs and an admin login
 
 The installer scaffolds the full project into your target directory and writes working `.env` files for the API and web app. It does **not** run `npm install` or touch your database for you — it prints the exact next commands to run, so nothing happens on your machine without you seeing it first.

package/bin/lib.js

@@ -47,7 +47,7 @@ export function buildStorageEnvLines(provider, values) {
   ];
 }
 
-export function buildApiEnv({ databaseUrl, jwtSecret, adminEmail, adminPassword, storageProvider, storageEnvLines, siteUrl, revalidateSecret }) {
+export function buildApiEnv({ databaseUrl, jwtSecret, adminEmail, adminPassword, storageProvider, storageEnvLines, siteUrl, apiPort, revalidateSecret }) {
   return [
     `DATABASE_URL=${databaseUrl}`,
     "",
@@ -65,7 +65,7 @@ export function buildApiEnv({ databaseUrl, jwtSecret, adminEmail, adminPassword,
     ...storageEnvLines,
     "",
     "# --- API ---",
-    "API_PORT=4000",
+    `API_PORT=${apiPort}`,
     `WEB_ORIGIN=${siteUrl}`,
     "",
     "# --- Cache revalidation ---",
@@ -78,8 +78,8 @@ export function buildApiEnv({ databaseUrl, jwtSecret, adminEmail, adminPassword,
   ].join("\n");
 }
 
-export function buildWebEnv({ apiUrl, siteUrl }) {
-  return [`API_URL=${apiUrl}`, `SITE_URL=${siteUrl}`, ""].join("\n");
+export function buildWebEnv({ apiUrl, siteUrl, webPort }) {
+  return [`API_URL=${apiUrl}`, `SITE_URL=${siteUrl}`, `PORT=${webPort}`, ""].join("\n");
 }
 
 export function buildRootEnv({ db, databaseUrl, storageProvider, storageEnvLines }) {

package/bin/modern-cms.js

@@ -143,11 +143,13 @@ async function main() {
   }
   const storageEnvLines = buildStorageEnvLines(provider, storageValues);
 
-  // --- Site / admin ---
+  // --- Ports / site / admin ---
   const site = await prompts(
     [
-      { type: "text", name: "siteUrl", message: "Public site URL", initial: "http://localhost:3000" },
-      { type: "text", name: "apiUrl", message: "API URL", initial: "http://localhost:4000" },
+      { type: "text", name: "webPort", message: "Web app port", initial: "3000" },
+      { type: "text", name: "apiPort", message: "API port", initial: "4000" },
+      { type: "text", name: "siteUrl", message: "Public site URL", initial: (_, values) => `http://localhost:${values.webPort}` },
+      { type: "text", name: "apiUrl", message: "API URL", initial: (_, values) => `http://localhost:${values.apiPort}` },
       { type: "text", name: "adminEmail", message: "Admin login email", initial: "admin@example.com" },
       { type: "password", name: "adminPassword", message: "Admin login password (leave blank to generate one)" },
     ],
@@ -163,9 +165,10 @@ async function main() {
     storageProvider: provider,
     storageEnvLines,
     siteUrl: site.siteUrl,
+    apiPort: site.apiPort,
     revalidateSecret: randomSecret(),
   });
-  const webEnv = buildWebEnv({ apiUrl: site.apiUrl, siteUrl: site.siteUrl });
+  const webEnv = buildWebEnv({ apiUrl: site.apiUrl, siteUrl: site.siteUrl, webPort: site.webPort });
   const rootEnv = buildRootEnv({ db, databaseUrl, storageProvider: provider, storageEnvLines });
 
   fs.writeFileSync(path.join(dest, "apps/api/.env"), apiEnv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "modern-cms",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Self-hosted, drag-and-drop website CMS (Next.js + Express + Prisma). Interactive installer scaffolds a full project with your choice of PostgreSQL/MySQL and AWS S3/Azure Blob/Cloudinary storage.",
   "type": "module",
   "bin": {

package/template/apps/web/package.json

@@ -3,9 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --webpack -p 3000",
+    "dev": "dotenv -e .env.local -- next dev --webpack",
     "build": "next build",
-    "start": "next start -p 3000",
+    "start": "dotenv -e .env.local -- next start",
     "lint": "eslint ."
   },
   "dependencies": {
@@ -37,6 +37,7 @@
     "@types/react-dom": "^19.2.3",
     "@types/three": "^0.185.0",
     "autoprefixer": "^10.4.20",
+    "dotenv-cli": "^11.0.0",
     "eslint": "^10.6.0",
     "eslint-config-next": "^16.2.10",
     "postcss": "^8.4.47",