create-varity-app 2.0.0-beta.14 → 2.0.0-beta.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-varity-app",
-  "version": "2.0.0-beta.14",
+  "version": "2.0.0-beta.15",
   "description": "Create production-ready apps with auth, database, and payments built in",
   "license": "MIT",
   "repository": {

package/template/src/app/dashboard/layout.tsx

@@ -4,7 +4,6 @@ import { useState, useEffect, useCallback } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
 import { APP_NAME, NAVIGATION_ITEMS } from '@/lib/constants';
 import { useProjects, useTasks, useTeam } from '@/lib/hooks';
-import { withBasePath } from '@/lib/utils';
 import { CommandPalette } from '@varity-labs/ui-kit';
 import { Menu, X } from 'lucide-react';
 
@@ -25,7 +24,7 @@ try {
 function RedirectToLogin() {
   const router = useRouter();
   useEffect(() => {
-    router.push(withBasePath('/login'));
+    router.push('/login');
   }, [router]);
   return null;
 }
@@ -155,7 +154,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
 
   const handleLogout = async () => {
     await logout();
-    window.location.href = withBasePath('/');
+    window.location.href = '/';
   };
 
   // Fallback layout when DashboardLayout from ui-kit isn't available
@@ -165,7 +164,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
         <CommandPalette
           open={commandPaletteOpen}
           onClose={() => setCommandPaletteOpen(false)}
-          onNavigate={(path: string) => router.push(withBasePath(path))}
+          onNavigate={(path: string) => router.push(path)}
           projects={projects}
           tasks={tasks}
           team={team}
@@ -182,7 +181,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
                 {navWithActive.map((item) => (
                   <button
                     key={item.path}
-                    onClick={() => router.push(withBasePath(item.path))}
+                    onClick={() => router.push(item.path)}
                     className={`flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors ${
                       item.active
                         ? 'bg-primary-50 text-primary-700'
@@ -212,7 +211,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
               navItems={navWithActive}
               userEmail={userEmail}
               onLogout={handleLogout}
-              onNavigate={(path) => router.push(withBasePath(path))}
+              onNavigate={(path) => router.push(path)}
             />
           )}
 
@@ -229,7 +228,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
       <CommandPalette
         open={commandPaletteOpen}
         onClose={() => setCommandPaletteOpen(false)}
-        onNavigate={(path: string) => router.push(withBasePath(path))}
+        onNavigate={(path: string) => router.push(path)}
         projects={projects}
         tasks={tasks}
         team={team}
@@ -243,7 +242,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
           navItems={navWithActive}
           userEmail={userEmail}
           onLogout={handleLogout}
-          onNavigate={(path) => router.push(withBasePath(path))}
+          onNavigate={(path) => router.push(path)}
         />
       )}
 
@@ -259,8 +258,8 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
             address: userEmail,
           }}
           onLogout={handleLogout}
-          onNavigateToProfile={() => router.push(withBasePath('/dashboard/settings'))}
-          onNavigateToSettings={() => router.push(withBasePath('/dashboard/settings'))}
+          onNavigateToProfile={() => router.push('/dashboard/settings')}
+          onNavigateToSettings={() => router.push('/dashboard/settings')}
           onSearchClick={() => setCommandPaletteOpen(true)}
           searchPlaceholder="Search projects, tasks, team..."
         >

package/template/src/app/login/page.tsx

@@ -5,7 +5,6 @@ import { useRouter } from 'next/navigation';
 import Link from 'next/link';
 import { CheckCircle } from 'lucide-react';
 import { APP_NAME } from '@/lib/constants';
-import { withBasePath } from '@/lib/utils';
 
 let PrivyStackComponent: any = null;
 let usePrivyHook: (() => { authenticated: boolean; ready: boolean; login: () => void }) | null = null;
@@ -23,7 +22,7 @@ function LoginContent() {
 
   useEffect(() => {
     if (privy?.authenticated) {
-      router.push(withBasePath('/dashboard'));
+      router.push('/dashboard');
     }
   }, [privy?.authenticated, router]);
 

package/template/src/lib/utils.ts

@@ -1,18 +1,3 @@
-/**
- * Navigate using Next.js basePath-aware paths.
- * In static export with basePath, router.push does NOT prepend basePath
- * automatically, so we do it manually.
- */
-export function getBasePath(): string {
-  return process.env.NEXT_PUBLIC_BASE_PATH || '';
-}
-
-export function withBasePath(path: string): string {
-  const base = getBasePath();
-  if (!base) return path;
-  return `${base}${path}`;
-}
-
 export function formatDate(dateString: string | undefined | null): string {
   if (!dateString) return '—';
   const date = new Date(dateString);