Loading page
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.
격리된 샌드박스를 띄워 서버에서 바로 실행하세요 — 로컬 설정 불필요.
샌드박스 검증이 완료되었으며 감지된 실행 경로가 통과했습니다.
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
파이프라인 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.
검토일 2026년 8월 7일
전체 설치 가이드와 연동 프롬프트는 구매 후 열람할 수 있습니다.
이 제품을 AI IDE, 웹 빌더 또는 클라우드 IDE로 바로 가져오세요.
Tetrees를 호환 AI IDE에 연결해 보유 제품을 불러오고, 판매자 업로드 권한을 노출하지 않은 채 검증된 ZIP을 받으세요.
리뷰 11개
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.
토론을 불러오는 중…