메뉴
Guides and recipes for One framework. Covers authentication, images, CSS optimization, dark mode, Tamagui, MDX, OpenGraph images, ISR, skew protection, native iOS builds, EAS, CRA migration, and common issues.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | one-guides |
| description | Guides and recipes for One framework. Covers authentication, images, CSS optimization, dark mode, Tamagui, MDX, OpenGraph images, ISR, skew protection, native iOS builds, EAS, CRA migration, and common issues. |
| version | 1.0.0 |
| license | MIT |
Official docs: Guides Index
Recipes and patterns for common tasks when building with One.
references/
authentication.md Session context, Protected routes, middleware auth, loader redirects, OAuth
images.md ?imagedata imports, blur placeholders, sharp, MDX frontmatter integration
css.md .inline.css, layout CSS ordering, inlineLayoutCSS, CSS loading optimization
dark-mode.md @vxrn/color-scheme, Tamagui SSR-safe dark mode, MetaTheme
tamagui.md Tamagui setup with One, SSR-safe styling, Vite plugin, CSS extraction
mdx.md @vxrn/mdx setup, syntax highlighting, SSG blog with MDX
open-graph.md Dynamic OG images with @vercel/og, custom fonts, caching
isr.md Incremental Static Regeneration, cache headers, CDN patterns
skew-protection.md Handling stale bundles after deploys, proactive version polling
native-builds.md iOS prebuild, Xcode, EAS, Android, production builds
common-issues.md Troubleshooting SSR errors, React Native package issues, fetch on native
Complete guide for building full-stack React apps with One framework. Covers routing, layouts, navigation, components, hooks, typed routes, styling, configuration, devtools, and cross-platform (web + native) development.
Create API routes in One framework. Use when building HTTP endpoints, webhooks, REST APIs, or server-side logic with +api.ts files.
Deploy One framework apps to Node servers, Vercel, Cloudflare Workers, or as static sites. Covers build, serve, cluster mode, security scanning, and platform-specific configuration.
Server-side data loading in One framework. Use when fetching data for pages, implementing caching, redirects, response headers, ISR, refetching, or file-driven content with loaders.
Configure render modes (SSG, SSR, SPA, API) in One framework. Use when choosing how pages are rendered, setting up static generation, or mixing render strategies.