FloCafe
FloCafe is the free, local-first restaurant POS in the FloPOS ecosystem. Run orders, tables, kitchen display, and local data without a software subscription.
Pi Network 커뮤니티 카페에서 소통하고, 마켓플레이스에서 Pi로 거래하세요. Pi Browser에서 Pi 계정으로 로그인·결제할 수 있습니다.
Translation pending
CommerceTypeScript · PythonGitHub @anakinwonOnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
No updates detected yet. GitHub releases will appear here.
Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.
Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.
If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.
Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.
Verify in one minuteAsk about other verification options
loginpi
Translation pending
Taken from the repository README
Loading the full README.
Read the full README ↗웹 개발을 빠르게 시작할 수 있는 Next.js 16 + Tailwind CSS v4 + shadcn/ui 보일러플레이트입니다.
| 영역 | 기술 | 버전 |
|---|---|---|
| 프레임워크 | Next.js (App Router) | 15.x |
| 언어 | TypeScript | 5.x |
| 스타일 | Tailwind CSS (config 파일 없음) | 4.x |
| UI 컴포넌트 | shadcn/ui + Radix UI | latest |
| 아이콘 | lucide-react | latest |
| 다크모드 | next-themes | 0.4.x |
| 환경변수 검증 | @t3-oss/env-nextjs + Zod | latest |
| 포맷터 | Prettier + prettier-plugin-tailwindcss | 3.x |
# 1. 저장소 클론 후 의존성 설치
pnpm install
# 2. 환경변수 파일 생성
cp .env.example .env.local
# 3. 개발 서버 실행
pnpm dev
브라우저에서 http://localhost:3000을 열어 확인합니다.
src/
├── app/
│ ├── layout.tsx # 루트 레이아웃 (ThemeProvider, Header, Footer)
│ ├── page.tsx # 홈페이지 (컴포넌트 쇼케이스)
│ └── globals.css # Tailwind v4 CSS + 다크모드 토큰
├── components/
│ ├── ui/ # shadcn/ui 컴포넌트
│ ├── layout/
│ │ ├── header.tsx # 헤더 + 다크모드 토글
│ │ └── footer.tsx
│ ├── theme-provider.tsx
│ └── theme-toggle.tsx
├── lib/
│ └── utils.ts # cn() 유틸리티
└── env.ts # 환경변수 타입 검증
pnpm dlx shadcn@latest add [컴포넌트명]
# 예시
pnpm dlx shadcn@latest add table
pnpm dlx shadcn@latest add form
pnpm dlx shadcn@latest add toast
src/env.ts에서 스키마 정의:export const env = createEnv({
server: {
DATABASE_URL: z.string().url(), // 서버 전용
},
client: {
NEXT_PUBLIC_APP_URL: z.string().url(), // 클라이언트 접근 가능
},
runtimeEnv: {
DATABASE_URL: process.env.DATABASE_URL,
NEXT_PUBLIC_APP_URL: process.env.NEXT_PUBLIC_APP_URL,
},
})
.env.example에 예시 값 추가.env.local에 실제 값 추가환경변수가 누락되면 pnpm build 시 빌드가 실패합니다.
pnpm dev # 개발 서버 (Turbopack)
pnpm build # 프로덕션 빌드 (환경변수 검증 포함)
pnpm start # 프로덕션 서버 실행
pnpm lint # ESLint 검사
pnpm format # Prettier 포맷 (Tailwind 클래스 자동 정렬)
pnpm format:check # 포맷 검사만 수행 (수정 없음)
# Vercel CLI 설치 (최초 1회)
npm i -g vercel
# 배포
vercel
또는 GitHub 저장소를 vercel.com에 연결하면 Push마다 자동 배포됩니다.