Ayo UI

이 저장소는 제가 업무를 진행하면서 실제 진행 중인 업무의 속도와 효율을 잡기 위해 미리 만들어 놓는 공간이기도 하면서 학습과 자기개발의 목적이 큽니다. 이 저장소의 방향은 아직 정해지지 않았으며, 실험적이고, 방향이 많이 바뀔 수 있습니다.

저는 다음과 같은 라이브러리를 즐겨 사용합니다.

• state management: nanostores
• routing: react-router
• styling: tailwindcss
• utilities: clsx, tailwind-merge
• icons: lucide-react
• fonts: SUIT

디자인 및 라이브러리는 shadcn, radix-ui, base-ui 에서 많이 영감을 얻고 있으나 유사 사례가 없으면 그냥 제가 만들어 씁니다.

Welcome to React Router!

Welcome to React Router!

A modern, production-ready template for building full-stack React applications using React Router.

Features

• 🚀 Server-side rendering
• ⚡️ Hot Module Replacement (HMR)
• 📦 Asset bundling and optimization
• 🔄 Data loading and mutations
• 🔒 TypeScript by default
• 🎉 TailwindCSS for styling
• 📖 React Router docs

Getting Started

Installation

Install the dependencies:

npm install

Development

Start the development server with HMR:

npm run dev

Your application will be available at http://localhost:5173.

Previewing the Production Build

Preview the production build locally:

npm run preview

Building for Production

Create a production build:

npm run build

Deployment

Deployment is done using the Wrangler CLI.

To build and deploy directly to production:

npm run deploy

To deploy a preview URL:

npx wrangler versions upload

You can then promote a version to production after verification or roll it out progressively.

npx wrangler versions deploy

Styling

This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever CSS framework you prefer.

---

Built with ❤️ using React Router.