Loading page
bởi Luna
A TypeScript/React 19 frontend scaffold built on Vite 6 and Tailwind CSS 4, featuring a polished loading screen with animated spinner and graceful error handling for runtime exceptions and unhandled promise rejections. Includes iframe-compatible preview messaging via `postMessage` and a 30-second timeout fallback with inline error display. Ideal for developers building or embedding React apps within preview environments. Licensed under the Tetrees License.
Frontend M0NI is a TypeScript/React frontend boilerplate designed for rapid app development within the TetreesAI ecosystem. It provides a polished loading experience, robust runtime error handling, and a modern development toolchain out of the box — ready to drop your React application code into and ship.
#root DOM node every 500ms (up to 30 seconds) and auto-dismisses the loading screen once content renderswindow.error events and unhandled promise rejections, surfacing them in a readable in-page error paneltetrees:preview-ready and tetrees:preview-error messages to the parent frame for iframe/preview integration| Layer | Technology |
|---|---|
| UI Framework | React 19 |
| Language | TypeScript ~5.6 |
| Build Tool | Vite 6 |
| Styling | Tailwind CSS 4 |
| Linting | ESLint 9 + TypeScript ESLint 8 |
| JSX Transform | @vitejs/plugin-react (Babel) |
npm install
npm run dev
npm run build
npm run lint
├── index.html # Entry HTML with loading screen & error handling
├── src/
│ └── main.tsx # React app entry point
├── package.json
├── tsconfig.json
└── vite.config.ts
The built-in error system (inline in index.html) handles three scenarios automatically:
| Scenario | Behavior |
|---|---|
| App loads successfully | Loading overlay removed, tetrees:preview-ready posted to parent |
| Load timeout (>30s) | Error panel shown with timeout message |
| JS runtime error | Error panel shown with filename, line number, and message |
| Unhandled promise rejection | Error panel shown with rejection reason |
No additional configuration is required — this works immediately on page load.
This code is licensed under the Tetrees License. Redistribution, resale, or reuse outside of the purchasing developer's projects is not permitted without explicit authorization.
Khởi chạy sandbox cách ly và chạy phía máy chủ — không cần cài đặt cục bộ.
Lần kiểm định sandbox đã hoàn tất và đường chạy được phát hiện đã đạt yêu cầu.
This React web app completed archive review with strong static results. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately. Final verified scores after isolated runtime evidence: overall 8.3 and security 9.
Deterministic AVCP artifact review
Quy trình avcp-2026-08-04.1 · SHA-256 cea0f9fbfae2c52d…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
Đã đánh giá 7 thg 8, 2026
Hướng dẫn cài đặt đầy đủ và prompt tích hợp sẽ mở khóa sau khi mua.
Đưa sản phẩm này thẳng vào AI IDE, trình tạo web hoặc cloud IDE của bạn.
Kết nối Tetrees với AI IDE tương thích để liệt kê sản phẩm bạn sở hữu và nhận ZIP đã xác minh mà không cấp quyền tải lên của người bán.
11 đánh giá
Saved me a ton of time. Picked up "Commerce Admin FE kit" for a client storefront — Zero mystery dependencies, everything is documented. Already using it in production.
Genuinely impressed. As someone who sells these all day, the code is readable and the structure makes sense. Docking half a star only because I wanted a couple more examples.
Clean and well thought out. Setup was a single command and it ran first try, and docs were clear enough that I never had to open an issue. Minor tweaks needed for my use case but nothing broke.
Dropped it into my stack and it just worked. Dropped this store / POS straight into the storefront; docs were clear enough that I never had to open an issue.
Shipped with this same week. Picked up this store / POS for a client storefront — The abstractions are sensible and easy to swap out.
Shipped with this same week. Dropped this store / POS straight into the storefront; the README covered every config I needed. Will definitely check their other products.
Exactly what I needed. The code is readable and the structure makes sense, and even the tricky env setup was explained well.
Exactly what I needed. Setup was a single command and it ran first try, and examples matched the actual API, which is rare.
Shipped with this same week. Used "Commerce Admin FE kit" to sell my storefront and it cut days off the build. Five stars, would recommend to my team.
Better than I expected. Used this store / POS to sell my storefront and it cut days off the build. Support answered my question fast.
Sign in to join the discussion
Loading discussion…