Tyquill 클라이언트는 빠른 개발 경험을 위해 Vite + React TypeScript 기반으로 구성되었습니다.
- Vite + React TypeScript
- Tailwind CSS
- shadcn/ui
- Zustand (전역 상태 관리)
- OAuth + JWT (인증 - Chrome 확장과 동일)
- TanStack Query (REST API 통신)
pnpm install
pnpm dev필요한 컴포넌트, 인증 흐름, 데이터 패칭, 그리고 상태 로직은 shadcn/ui, OAuth + JWT, TanStack Query, 그리고 Zustand를 활용해 구축할 예정입니다.
components/tiptap-templates/notion-like/notion-like-editor.tsx components/tiptap-templates/notion-like/notion-like-editor.scss components/tiptap-templates/notion-like/notion-like-editor-header.tsx components/tiptap-templates/notion-like/notion-like-editor-header.scss components/tiptap-templates/notion-like/notion-like-editor-mobile-toolbar.tsx components/tiptap-templates/notion-like/notion-like-editor-toolbar-floating.tsx components/tiptap-templates/notion-like/notion-like-editor-theme-toggle.tsx components/tiptap-templates/notion-like/notion-like-editor-collaboration-users.tsx components/tiptap-templates/notion-like/data/content.json components/tiptap-ui/... (버튼/메뉴/유틸 전부 포함) components/tiptap-node/... (노드/업로드/스타일 포함) components/tiptap-extension/ui-state-extension.ts lib/tiptap-utils.ts lib/tiptap-advanced-utils.ts lib/tiptap-collab-utils.ts lib/tiptap-renderer.ts