Feat: Migration to Vite & Live Preview Updates

[Contentstack-AnkitaD]

Migration to Vite & Live Preview Updates

This PR includes a comprehensive migration from Create React App (CRA) to Vite along with updates to the live preview utilities. The changes optimize the development experience, build performance, and improve code maintainability.

1. React App Migration from CRA to Vite

Configuration & Build Optimization

• Added complete Vite configuration with build optimizations
• Implemented smart chunk splitting strategy that reduced bundle sizes
• Updated TypeScript configuration for compatibility with Vite
• Created proper environment variable declarations
• Configured browser compatibility settings via .browserslistrc

Live Preview Updates

• Installed latest package for live preview and Visual Builder Support
• Refactored utils.ts to centralize environment variable access
• Enhanced initialization logic for Contentstack SDK

Performance Results

The build output shows successful chunking with optimized sizes:

router-vendor: 9.06 kB (gzipped: 4.01 kB)
app code: 22.84 kB (gzipped: 6.64 kB)
react-vendor: 174.90 kB (gzipped: 56.70 kB)
vendor: 278.38 kB (gzipped: 98.46 kB)
contentstack-vendor: 373.27 kB (gzipped: 101.72 kB)

3. Documentation Updates

• Added Vite-specific information to README.md with usage instructions
• Updated development, build, and preview commands

4. Testing Results

• The application builds without warnings
• Development server runs correctly on port 3000
• Live Preview functionality works properly with the updated structure
• All chunks are properly split and optimized

[rijil-tr]

Can we moved to Vite?

[Contentstack-AnkitaD]

Can we moved to Vite?

Moved

[Amitkanswal]

LGTM

Verified by peers