landy-react-template
landy-react-template copied to clipboard
feat: upgrade to Vite + React 19 with modern router implementation
Modernization: Upgrade to Vite and React 19
This PR upgrades the Landy React template from React 17 with Create React App to the latest React 19 with Vite, bringing significant performance and developer experience improvements.
Changes:
Build System Upgrade
- Replaced Create React App with Vite for faster development and build times
- Updated TypeScript configuration for compatibility with newer versions
- Configured Vite's public directory to properly handle static assets
Dependency Upgrades
- Updated React from v17 to v19
- Updated React Router from v5 to v7
- Upgraded styled-components to latest version compatible with React 19
- Updated Ant Design to v5 with proper styling
- Updated all i18n libraries to latest versions
Router Implementation
- Replaced
SwitchwithRoutesfor React Router v7 compatibility - Updated route configuration format to work with newer router API
- Fixed dynamic page imports with Vite's module system
- Added proper route typing for TypeScript support
UI and Styling Fixes
- Fixed font loading issues to ensure correct appearance
- Added explicit margin reset for heading elements
- Updated styled-components implementation with proper TypeScript interfaces
- Improved mobile responsiveness with updated media queries
Developer Experience
- Simplified development and build scripts
- Enhanced TypeScript type checking and linting
- Improved error reporting in development mode
This modernization maintains all existing functionality while providing a significant performance boost and ensuring the template stays relevant with the latest React ecosystem.
Deploy Preview for landy-web failed.
| Name | Link |
|---|---|
| Latest commit | 06f7dec5c463ac78e4d7907c3da9f81b543e4258 |
| Latest deploy log | https://app.netlify.com/sites/landy-web/deploys/67fc34f4485ee90008aad739 |
@Adrinlol Please review