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

package/package.json

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

package/template/next.config.js

@@ -3,6 +3,7 @@ const nextConfig = {
   output: 'export',
   images: { unoptimized: true },
   trailingSlash: true,
+  basePath: process.env.NEXT_PUBLIC_BASE_PATH || '',
   productionBrowserSourceMaps: false,
   webpack: (config, { isServer, dev }) => {
     // Suppress MetaMask SDK warning for @react-native-async-storage

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

@@ -4,6 +4,7 @@ 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';
 
@@ -24,7 +25,7 @@ try {
 function RedirectToLogin() {
   const router = useRouter();
   useEffect(() => {
-    router.push('/login');
+    router.push(withBasePath('/login'));
   }, [router]);
   return null;
 }
@@ -154,7 +155,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
 
   const handleLogout = async () => {
     await logout();
-    router.push('/');
+    window.location.href = withBasePath('/');
   };
 
   // Fallback layout when DashboardLayout from ui-kit isn't available
@@ -164,7 +165,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
         <CommandPalette
           open={commandPaletteOpen}
           onClose={() => setCommandPaletteOpen(false)}
-          onNavigate={(path: string) => router.push(path)}
+          onNavigate={(path: string) => router.push(withBasePath(path))}
           projects={projects}
           tasks={tasks}
           team={team}
@@ -181,7 +182,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
                 {navWithActive.map((item) => (
                   <button
                     key={item.path}
-                    onClick={() => router.push(item.path)}
+                    onClick={() => router.push(withBasePath(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'
@@ -211,7 +212,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
               navItems={navWithActive}
               userEmail={userEmail}
               onLogout={handleLogout}
-              onNavigate={(path) => router.push(path)}
+              onNavigate={(path) => router.push(withBasePath(path))}
             />
           )}
 
@@ -228,7 +229,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
       <CommandPalette
         open={commandPaletteOpen}
         onClose={() => setCommandPaletteOpen(false)}
-        onNavigate={(path: string) => router.push(path)}
+        onNavigate={(path: string) => router.push(withBasePath(path))}
         projects={projects}
         tasks={tasks}
         team={team}
@@ -242,7 +243,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
           navItems={navWithActive}
           userEmail={userEmail}
           onLogout={handleLogout}
-          onNavigate={(path) => router.push(path)}
+          onNavigate={(path) => router.push(withBasePath(path))}
         />
       )}
 
@@ -258,8 +259,8 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
             address: userEmail,
           }}
           onLogout={handleLogout}
-          onNavigateToProfile={() => router.push('/dashboard/settings')}
-          onNavigateToSettings={() => router.push('/dashboard/settings')}
+          onNavigateToProfile={() => router.push(withBasePath('/dashboard/settings'))}
+          onNavigateToSettings={() => router.push(withBasePath('/dashboard/settings'))}
           onSearchClick={() => setCommandPaletteOpen(true)}
           searchPlaceholder="Search projects, tasks, team..."
         >

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

@@ -5,6 +5,7 @@ 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;
@@ -22,7 +23,7 @@ function LoginContent() {
 
   useEffect(() => {
     if (privy?.authenticated) {
-      router.push('/dashboard');
+      router.push(withBasePath('/dashboard'));
     }
   }, [privy?.authenticated, router]);
 
@@ -86,7 +87,7 @@ export default function LoginPage() {
         appId={process.env.NEXT_PUBLIC_PRIVY_APP_ID}
         thirdwebClientId={process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID}
         loginMethods={['email', 'google']}
-        appearance={{ theme: 'light', accentColor: '#2563EB', logo: '/logo.svg' }}
+        appearance={{ theme: 'light', accentColor: '#2563EB' }}
       >
         <LoginContent />
       </PrivyStackComponent>

package/template/src/lib/utils.ts

@@ -1,3 +1,18 @@
+/**
+ * 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);