Skip to content

Migrate cf-cms-dashboard to Vite + React 19 + TanStack Router#2

Open
cto-new[bot] wants to merge 9 commits into
mainfrom
migrate/vite-react19-tanstack-router
Open

Migrate cf-cms-dashboard to Vite + React 19 + TanStack Router#2
cto-new[bot] wants to merge 9 commits into
mainfrom
migrate/vite-react19-tanstack-router

Conversation

@cto-new
Copy link
Copy Markdown

@cto-new cto-new Bot commented Nov 26, 2025

Summary
Migrate cf-cms-dashboard from Next.js 16 to a modern Vite + React 19 stack using TanStack Router. The migration preserves UI, theme, components and styling while enabling a streamlined dev/build pipeline.

Details

  • Introduce Vite-based project structure (src/, tsconfig, vite.config.ts, dev/build scripts)
  • Replace Next.js with TanStack Router for all admin routes and protected layouts
  • Migrate data fetching from SWR to TanStack Query; keep hooks like useDashboard, useContent, useCollections, etc.
  • Preserve Tailwind 4 dark theme tokens and styling
  • Implement API client with VITE_API_BASE_URL and VITE_USE_MOCK_API toggle; add mock API as a drop-in replacement
  • Preserve Zustand auth store with persistence in localStorage and cookie token handling
  • Move UI components, helpers, and assets into src/, keep Lucide icons
  • Ensure build artifacts go to dist (Vite) and dev/testing on localhost

Warning: Task VM test is not passing, cto.new will perform much better if you fix the setup

…ck Router

Preserve UI, theme, components, and styling while updating the stack for a faster, modern dev/build flow.
@ylstack1 ylstack1 marked this pull request as ready for review November 26, 2025 17:55
cto-new Bot and others added 8 commits November 26, 2025 18:19
…k-router-migration

Complete migration: Vite + React 19 + TanStack Router with full admin routes
…d sub-tabs

This change adds a mobile-friendly navigation UX by introducing a
grouped horizontal tab bar and per-group sub-tabs. It isolates content
per tab to avoid conflicts and provides a cleaner, responsive UI.

- New AdminTabbar component with grouped tabs
- SubTabbar for per-group sub-navigation
- TabContentWrapper to isolate content per tab
- usePageTitle hook to derive page title from route
- scrollbar-hide utility for cleaner mobile UI

Note: Initial integration into the dashboard shell is staged for the next PR.
…btabs-responsive-icons

feat(admin): implement mobile horizontal tab bar with grouped tabs and sub-tabs
…parate-subtabs-responsive-icons

Revert "feat(admin): implement mobile horizontal tab bar with grouped tabs and sub-tabs"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant