- Create api/bilibili.ts to handle Bilibili API requests in production
- Proxy requests to https://s.search.bilibili.com/main/suggest
- Add proper headers (User-Agent, Referer) to avoid blocking
- Set CORS headers and cache control (60s)
- Handle errors gracefully with fallback response
- Update src/utils/suggestions.ts to detect environment
- Use /bilibili (Vite proxy) in development
- Use /api/bilibili (Vercel Function) in production
- Check import.meta.env.DEV to determine environment
This fixes the 404 error in production where Vite proxy is not available.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Move all source files from root to src/ directory for better organization
- Create src/config/searchEngines.ts to centralize search engine configurations
- Define unified SearchEngineConfig interface
- Support both JSONP and Fetch request methods
- Implement response parsers for Google, Baidu, Bing, DuckDuckGo, and Bilibili
- Refactor src/utils/suggestions.ts to use centralized config
- Simplify code from 126 lines to 81 lines
- Support hybrid JSONP/Fetch mode (Bilibili uses Fetch via Vite proxy)
- Remove duplicate URL construction and parsing logic
- Update path alias configuration
- Change @/* from ./* to ./src/* in tsconfig.json
- Update vite.config.ts alias to point to ./src
- Add Bilibili proxy configuration in vite.config.ts for development
- Remove Bilibili rewrites from vercel.json (use Vite proxy instead)
- Add @vercel/node to devDependencies
- Remove unused files: README.md, i18n/README.md, metadata.json, vite-env.d.ts
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Configure project for Vercel deployment with comprehensive build optimization:
- Add Vercel deployment configuration (vercel.json)
- Configure build commands and output directory
- Set up Bilibili API proxy rewrites
- Add security response headers (X-Content-Type-Options, X-Frame-Options, X-XSS-Protection)
- Integrate Tailwind CSS 4.x build system
- Add PostCSS configuration with @tailwindcss/postcss plugin
- Create Tailwind CSS configuration with content scanning paths
- Set up index.css with Tailwind imports and custom styles
- Add Tailwind CSS 4.x and dependencies to package.json
- Optimize HTML and entry files
- Remove CDN-based Tailwind CSS in favor of local build
- Add Google Fonts preconnect for better performance
- Import CSS in index.tsx for proper bundling
- Update README with deployment instructions
- Add one-click Vercel deployment button
- Separate local development and deployment sections
Tech Stack Updates:
- Tailwind CSS 4.1.17 with new PostCSS architecture
- Autoprefixer 10.4.22 for CSS compatibility
- PostCSS 8.5.6 for CSS processing
Build Verification:
- Development server runs successfully on port 3000
- Production build completes in ~860ms
- Output: 13KB CSS (gzipped: 2.94KB), 260KB JS (gzipped: 80KB)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Implement a modern, customizable browser start page with comprehensive features:
- Multi-theme support with 8 preset color schemes
- Custom wallpaper system supporting images and videos with multiple fit modes
- Integrated search functionality with 5 major search engines (Google, Baidu, Bing, DuckDuckGo, Bilibili)
- Real-time clock component with 12/24 hour format options
- Dynamic background blur effect during search for enhanced focus
- Complete i18n system with English and Chinese language support
- Responsive design with smooth animations and transitions
- Local storage integration for persistent user preferences
- Context menu system for quick settings access
- Toast notification system for user feedback
- Error boundary for robust error handling
Tech Stack:
- React 19 with TypeScript
- Vite 6 for build tooling
- Tailwind CSS for styling
- Local storage for data persistence
Project Structure:
- Core components: Clock, SearchBox, SettingsModal, ThemeSettings, WallpaperManager
- Utility modules: storage management, search suggestions
- Context providers: Toast notifications, i18n
- Type definitions and constants configuration
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
