mirror of
https://github.com/handsomezhuzhu/AeroStart.git
synced 2026-02-20 12:00:15 +00:00
7a1815069a
- 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>
AeroStart
A modern, customizable browser start page with elegant search experience and personalized settings.
✨ Features
- 🎨 Multi-Theme Support - 8 preset theme colors to choose from
- 🖼️ Custom Wallpapers - Support for image and video backgrounds with multiple fit modes
- 🔍 Multiple Search Engines - Built-in Google, Baidu, Bing, DuckDuckGo, Bilibili
- ⏰ Real-time Clock - Support for 12/24 hour format with optional seconds display
- 🎭 Dynamic Blur - Background automatically blurs during search for enhanced focus
- 💾 Local Storage - All settings automatically saved to browser local storage
- 📱 Responsive Design - Perfect adaptation to all screen sizes
- 🎬 Smooth Animations - Carefully designed transitions and interactive animations
🚀 Quick Start
Deploy to Vercel
Click the button above to deploy your own instance of AeroStart to Vercel in minutes.
Local Development
Prerequisites: Node.js 16+
Install Dependencies
pnpm install
Run Development Server
pnpm dev
Visit http://localhost:3000 to view the application.
Build for Production
pnpm build
🎯 Usage Guide
Search Functionality
- Enter keywords in the search box and press Enter to search
- Click the icon on the left side of the search box to switch search engines
- Background automatically blurs during search to enhance focus
Settings Panel
- Right-click the background to enter Dashboard mode
- Click the settings icon in the top right corner to open the settings panel
- Customizable options:
- Clock format (12/24 hour)
- Background wallpaper (preset or custom URL)
- Theme color
- Search box opacity
- Background blur intensity
Wallpaper Settings
- Support for image and video backgrounds
- 5 fit modes: Cover, Contain, Fill, Center, Repeat
- Add custom wallpaper URLs
🛠️ Tech Stack
- Framework: React 19
- Build Tool: Vite 6
- Language: TypeScript
- Styling: Tailwind CSS
📁 Project Structure
AeroStart/
├── components/ # React components
│ ├── Clock.tsx # Clock component
│ ├── SearchBox.tsx # Search box component
│ ├── SettingsModal.tsx # Settings panel
│ └── ...
├── utils/ # Utility functions
├── context/ # React Context
├── constants.ts # Constants configuration
├── types.ts # TypeScript type definitions
├── App.tsx # Main application component
└── index.tsx # Application entry point
📄 License
MIT License
🤝 Contributing
Issues and Pull Requests are welcome!