Skip to content

feat: modernize main app with Vite 5, React 18, and new UI#3116

Open
kuitos wants to merge 5 commits intonextfrom
feat/modernize-main-app
Open

feat: modernize main app with Vite 5, React 18, and new UI#3116
kuitos wants to merge 5 commits intonextfrom
feat/modernize-main-app

Conversation

@kuitos
Copy link
Member

@kuitos kuitos commented Feb 17, 2026

Summary

This PR completely modernizes the qiankun main application with a modern tech stack and beautiful new UI design.

Changes

Tech Stack Upgrade

  • Build Tool: Vite 5 (from Webpack 4)
  • UI Framework: React 18 (from React 15)
  • Component Library: Ant Design 5 (from Ant Design 2)
  • Language: TypeScript 5
  • Styling: Tailwind CSS (new)
  • State Management: Zustand (new)

New UI Components

  1. Sidebar: Collapsible navigation sidebar with 9 micro-app entries
  2. Header: Feature-rich header with language switcher, GitHub link, fullscreen toggle, notifications, and user menu
  3. Dashboard: Beautiful dashboard with statistics cards, app grid, and feature showcase
  4. MicroAppContainer: Robust container with loading states, error handling, and retry mechanism

Infrastructure

  • Fixed port mappings for all micro-apps to match actual example apps
  • Added type compatibility declarations for React 18 + Ant Design 5
  • Configured TypeScript with relaxed mode for development

Test Plan

  • Start dev server with `pnpm dev`
  • Verify Dashboard renders correctly at http://localhost:7099
  • Test sidebar navigation collapse/expand
  • Test micro-app loading (requires sub-apps to be running)
  • Test error handling when sub-app is not available
  • Verify build completes successfully with `pnpm build`

Screenshots

(Screenshots to be added after review)

Generated with Claude Code

kuitos and others added 5 commits February 6, 2026 22:35
…* node version

- Update GitHub workflows (github-pages, publish-1.x, publish-latest) to use pnpm with corepack

- Bump packageManager to pnpm@10.28.2 in package.json

- Update node version from v14 to lts/* for future compatibility

- Regenerate pnpm-lock.yaml with pnpm v10
This commit completely modernizes the qiankun main application:

Tech Stack Upgrade:
- Vite 5 (from Webpack 4)
- React 18 (from React 15)
- Ant Design 5 (from Ant Design 2)
- TypeScript 5
- Tailwind CSS (new)
- Zustand for state management (new)

New UI Components:
- Sidebar: Collapsible navigation with 9 micro-app entries
- Header: Language switcher, GitHub link, fullscreen, notifications, user menu
- Dashboard: Statistics cards, app grid, feature showcase
- MicroAppContainer: Loading states, error handling, retry mechanism

Infrastructure:
- Fixed port mappings for all micro-apps
- Added type compatibility declarations for React 18 + Ant Design 5

Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Feb 17, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
qiankun Error Error Feb 17, 2026 5:18am

@changeset-bot
Copy link

changeset-bot bot commented Feb 17, 2026

⚠️ No Changeset found

Latest commit: 53b819c

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

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