create-nuxt-base 2.2.6 → 2.2.7

package/nuxt-base-template/.env.example

@@ -1,10 +1,11 @@
-SITE_URL=http://localhost:3001
-APP_ENV=development
+NUXT_PUBLIC_SITE_URL=http://localhost:3001
+NUXT_PUBLIC_APP_ENV=development
 NODE_ENV=development
-API_URL=http://localhost:3000
-WEB_PUSH_KEY=
-STORAGE_PREFIX=base-dev
+NUXT_API_URL=http://localhost:3000
+NUXT_PUBLIC_API_URL=http://localhost:3000
+NUXT_PUBLIC_WEB_PUSH_KEY=
+NUXT_PUBLIC_STORAGE_PREFIX=base-dev
 
-LINEAR_API_KEY=
-LINEAR_TEAM_NAME=
-LINEAR_PROJECT_NAME=
+NUXT_LINEAR_API_KEY=
+NUXT_LINEAR_TEAM_NAME=
+NUXT_LINEAR_PROJECT_NAME=

package/nuxt-base-template/README.md

@@ -149,21 +149,22 @@ Create a `.env` file with the following variables:
 
 ```env
 # Required
-SITE_URL=http://localhost:3001
-API_URL=http://localhost:3000
-APP_ENV=development
+NUXT_PUBLIC_SITE_URL=http://localhost:3001
+NUXT_API_URL=http://localhost:3000
+NUXT_PUBLIC_API_URL=http://localhost:3000
+NUXT_PUBLIC_APP_ENV=development
 NODE_ENV=development
 ```
 
 Optional variables:
 
 ```env
-WEB_PUSH_KEY=                # Web push notifications
-LINEAR_API_KEY=              # Bug reporting
-LINEAR_TEAM_NAME=            # Bug reporting
-LINEAR_PROJECT_NAME=         # Bug reporting
-API_SCHEMA=../api/schema.gql # OpenAPI schema path
-STORAGE_PREFIX=base-dev      # Local storage prefix
+NUXT_PUBLIC_WEB_PUSH_KEY=                # Web push notifications
+NUXT_LINEAR_API_KEY=              # Bug reporting
+NUXT_LINEAR_TEAM_NAME=            # Bug reporting
+NUXT_LINEAR_PROJECT_NAME=         # Bug reporting
+NUXT_API_SCHEMA=../api/schema.gql # OpenAPI schema path
+NUXT_PUBLIC_STORAGE_PREFIX=base-dev      # Local storage prefix
 ```
 
 ## Project Structure

package/nuxt-base-template/app/pages/auth/register.vue

@@ -44,16 +44,20 @@ const showPasskeyPrompt = ref<boolean>(false);
 const passkeyLoading = ref<boolean>(false);
 
 // Redirect if registration is disabled
-watch(() => features.value.signUpEnabled, (val) => {
-  if (val === false) {
-    toast.add({
-      color: 'warning',
-      description: 'Die Registrierung ist derzeit deaktiviert.',
-      title: 'Registrierung nicht verfügbar',
-    });
-    navigateTo('/auth/login');
-  }
-}, { immediate: true });
+watch(
+  () => features.value.signUpEnabled,
+  (val) => {
+    if (val === false) {
+      toast.add({
+        color: 'warning',
+        description: 'Die Registrierung ist derzeit deaktiviert.',
+        title: 'Registrierung nicht verfügbar',
+      });
+      navigateTo('/auth/login');
+    }
+  },
+  { immediate: true },
+);
 
 const requireTerms = computed(() => features.value.signUpChecks === true);
 

package/nuxt-base-template/nuxt.config.ts

@@ -17,10 +17,10 @@ export default defineNuxtConfig({
   // ============================================================================
   // @ts-expect-error bug.lt module config - module temporarily disabled
   bug: {
-    enabled: process.env.APP_ENV !== 'production',
-    linearApiKey: process.env.LINEAR_API_KEY,
-    linearProjectName: process.env.LINEAR_PROJECT_NAME,
-    linearTeamName: process.env.LINEAR_TEAM_NAME,
+    enabled: process.env.NUXT_PUBLIC_APP_ENV !== 'production',
+    linearApiKey: process.env.NUXT_LINEAR_API_KEY,
+    linearProjectName: process.env.NUXT_LINEAR_PROJECT_NAME,
+    linearTeamName: process.env.NUXT_LINEAR_TEAM_NAME,
   },
 
   compatibilityDate: '2025-01-15',
@@ -49,7 +49,7 @@ export default defineNuxtConfig({
   // ============================================================================
   // Environment-specific Layers
   // ============================================================================
-  extends: process.env.APP_ENV === 'development' ? ['./docs'] : [],
+  extends: process.env.NUXT_PUBLIC_APP_ENV === 'development' ? ['./docs'] : [],
 
   // ============================================================================
   // Image Optimization
@@ -87,7 +87,7 @@ export default defineNuxtConfig({
       // baseURL is used in production mode for cross-origin API requests
       // In dev mode, Nuxt proxy is used (baseURL is ignored, requests go through /api/iam)
       // In production, requests go directly to baseURL + basePath (e.g., https://api.example.com/iam)
-      baseURL: process.env.API_URL || 'http://localhost:3000',
+      baseURL: process.env.NUXT_API_URL || 'http://localhost:3000',
       basePath: '/iam',
       loginPath: '/auth/login',
       twoFactorRedirectPath: '/auth/2fa',
@@ -138,7 +138,7 @@ export default defineNuxtConfig({
   // Analytics (Plausible)
   // ============================================================================
   plausible: {
-    apiHost: process.env.PLAUSIBLE_API_URL,
+    apiHost: process.env.NUXT_PLAUSIBLE_API_URL,
     ignoredHostnames: ['localhost'],
   },
 
@@ -153,13 +153,13 @@ export default defineNuxtConfig({
   // Runtime Configuration (Environment Variables)
   // ============================================================================
   runtimeConfig: {
-    // Server-only (for SSR requests)
-    apiUrl: process.env.API_URL || 'http://localhost:3000',
+    // Server-only — NUXT_API_URL overrides this
+    apiUrl: 'http://localhost:3000',
     public: {
-      // Client-side (browser requests)
-      apiUrl: process.env.API_URL_BROWSER || process.env.API_URL || 'http://localhost:3000',
-      host: process.env.API_URL,
-      webPushKey: process.env.WEB_PUSH_KEY,
+      // Client-side — NUXT_PUBLIC_API_URL overrides this
+      apiUrl: 'http://localhost:3000',
+      // NUXT_PUBLIC_WEB_PUSH_KEY overrides this
+      webPushKey: '',
     },
   },
 
@@ -168,7 +168,7 @@ export default defineNuxtConfig({
   // ============================================================================
   site: {
     name: 'Nuxt Base Starter',
-    url: process.env.SITE_URL,
+    url: process.env.NUXT_PUBLIC_SITE_URL,
   },
 
   // ============================================================================

package/nuxt-base-template/openapi-ts.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from '@hey-api/openapi-ts';
 
 export default defineConfig({
   client: '@hey-api/client-fetch',
-  input: process.env.API_URL || 'http://127.0.0.1:3000/api-docs-json',
+  input: process.env.NUXT_API_URL || 'http://127.0.0.1:3000/api-docs-json',
   output: {
     format: 'prettier',
     lint: 'eslint',

package/nuxt-base-template/server/api/iam/[...path].ts

@@ -13,7 +13,8 @@
  */
 export default defineEventHandler(async (event) => {
   const path = getRouterParam(event, 'path') || '';
-  const apiUrl = process.env.API_URL || 'http://localhost:3000';
+  const config = useRuntimeConfig(event);
+  const apiUrl = config.apiUrl || 'http://localhost:3000';
   const targetUrl = `${apiUrl}/iam/${path}`;
 
   // Get query string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nuxt-base",
-  "version": "2.2.6",
+  "version": "2.2.7",
   "description": "Starter to generate a configured environment with VueJS, Nuxt, Tailwind, Linting, Unit Tests, Playwright etc.",
   "license": "MIT",
   "author": "lenne.Tech GmbH",
@@ -36,4 +36,4 @@
     "node": ">=22",
     "pnpm": ">=9"
   }
-}
+}