Tech Stack
Studio Haze operates two distinct platforms, each with unique characteristics, designed to maximize the potential of web technology. These platforms are meticulously crafted with deep consideration for both enhancing user experience and optimizing creator workflows.
The Teaser platform utilizes a fast and lightweight frontend architecture to effectively convey the brand's vision and core information. Leveraging Next.js and React, it achieves excellent loading speeds and SEO performance through a component-based structure.
Tailwind CSS facilitates the rapid development of a consistent design system and improves maintenance efficiency. Vercel provides global CDN-based deployment and an instantly accessible environment. Furthermore, a CSS-only Masonry layout enhances performance and visual flexibility without JavaScript dependencies, while a slide menu offers intuitive access to key sections.
The Park platform is developed using Flutter, offering a multi-platform solution that operates consistently across Web, iOS, Android, Windows, and Mac environments. This ensures a uniform user experience regardless of the device.
The infrastructure is built upon Cloudflare, leveraging its globally distributed edge computing and modern serverless architecture. This approach minimizes latency and ensures global-scale availability.
Workers run serverless logic at edge locations. KV stores session data and frequently accessed metadata. D1 serves as a lightweight, SQLite-based relational database. Pages rapidly deploys static files worldwide. Images automatically optimizes and efficiently delivers all image assets. Stream supports large-scale video streaming and processing.
This architecture minimizes maintenance costs while facilitating global expansion. Distributing backend logic to the edge reduces infrastructure expenses and enhances system resilience.
Studio Haze's 'Personal Archive Platform' is carefully designed to be unobtrusive to the user experience. All complex operations are handled behind the scenes by the system, allowing creators to focus entirely on their immediate tasks.