web-app-template

(β˜… 171)

A minimal web service template πŸŽƒ "npx create-app-foundation@latest" !

파일 탐색기

μ΅œμ’… 버전 λ‹€μš΄λ‘œλ“œ (.zip)
  • .dockerignore
  • .editorconfig
  • .env.sample
  • .env.test
  • .gitignore
  • .node-version
  • .npmrc
  • biome.json
  • compose.yml
  • Dockerfile
  • env.ts
  • knip.config.ts
  • lefthook.yml
  • LICENSE
  • next.config.ts
  • otel-collector-config.yml
  • package.json
  • playwright.config.ts
  • pnpm-lock.yaml
  • pnpm-workspace.yaml
  • postcss.config.mjs
  • prisma.config.ts
  • README.md
  • renovate.json
  • tsconfig.json
  • vitest.config.ts

# μ„€μΉ˜ κ°€μ΄λ“œ

1. μ½”λ“œ λ‚΄λ €λ°›κΈ°
git clone https://github.com/hiroppy/web-app-template

κΉƒν—ˆλΈŒμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œ 전체λ₯Ό λ‚΄ μ»΄ν“¨ν„°λ‘œ λ‚΄λ €λ°›μŠ΅λ‹ˆλ‹€.

cd web-app-template

방금 내렀받은 ν”„λ‘œμ νŠΈ 폴더 μ•ˆμœΌλ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

2. Docker

쉬움 μΆ”μ²œ
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • Docker Desktop μ»¨ν…Œμ΄λ„ˆλ₯Ό λΉŒλ“œν•˜κ³  μ‹€ν–‰ν•˜λ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€. μ„€μΉ˜ ν›„ μ‹€ν–‰ν•΄μ„œ λ°±κ·ΈλΌμš΄λ“œμ— μΌœλ‘μ„Έμš”.
docker compose up -d --build

μ •μ˜λœ λͺ¨λ“  μ»¨ν…Œμ΄λ„ˆ(μ„œλ²„, DB λ“±)λ₯Ό ν•œ λ²ˆμ— λΉŒλ“œν•˜κ³  λ°±κ·ΈλΌμš΄λ“œμ—μ„œ μ‹€ν–‰ν•©λ‹ˆλ‹€.

βœ… 터미널에 docker compose ps λ₯Ό μž…λ ₯ν•΄ μ»¨ν…Œμ΄λ„ˆλ“€μ΄ Up μƒνƒœμΈμ§€ ν™•μΈν•˜μ„Έμš”. README에 포트 λ²ˆν˜Έκ°€ μ ν˜€μžˆλ‹€λ©΄ λΈŒλΌμš°μ €μ—μ„œ http://localhost:포트번호 둜 μ ‘μ†ν•΄λ³΄μ„Έμš”.

3. Node.js

쉬움
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • Node.js npm λͺ…λ Ήμ–΄λ₯Ό μ“°λ €λ©΄ Node.jsκ°€ μ„€μΉ˜λ˜μ–΄ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€. LTS(μž₯기지원) 버전을 μΆ”μ²œν•©λ‹ˆλ‹€.
$ npm run setup

이 λͺ…λ Ήμ–΄λ₯Ό 터미널에 κ·ΈλŒ€λ‘œ μž…λ ₯ν•΄ μ‹€ν–‰ν•˜μ„Έμš”.

$ pnpm i

이 λͺ…λ Ήμ–΄λ₯Ό 터미널에 κ·ΈλŒ€λ‘œ μž…λ ₯ν•΄ μ‹€ν–‰ν•˜μ„Έμš”.

$ pnpm dev

개발/μ‹€ν–‰ μ„œλ²„λ₯Ό μΌ­λ‹ˆλ‹€.

$ pnpm dev:stripe

개발/μ‹€ν–‰ μ„œλ²„λ₯Ό μΌ­λ‹ˆλ‹€.

$ pnpm db:up

이 λͺ…λ Ήμ–΄λ₯Ό 터미널에 κ·ΈλŒ€λ‘œ μž…λ ₯ν•΄ μ‹€ν–‰ν•˜μ„Έμš”.

βœ… λͺ…λ Ήμ–΄ μ‹€ν–‰ ν›„ 터미널에 λ‚˜νƒ€λ‚˜λŠ” μ£Όμ†Œ(보톡 http://localhost:3000 ν˜•νƒœ)λ₯Ό λΈŒλΌμš°μ €μ—μ„œ μ—΄μ–΄λ³΄μ„Έμš”.

이 레포의 README에 적힌 μ‹€μ œ λͺ…λ Ήμ–΄λ₯Ό κ·ΈλŒ€λ‘œ κ°€μ Έμ™”μŠ΅λ‹ˆλ‹€.

였늘의 μΆ”μ²œ ν”„λ‘œμ νŠΈ

vite β˜… 82,446

μ°¨μ„ΈλŒ€ ν”„λ‘ νŠΈμ—”λ“œ 툴링. 정말 λΉ λ¦…λ‹ˆλ‹€!

TypeScript
generative-ai-for-beginners β˜… 118,262

21 Lessons, Get Started Building with Generative AI

Jupyter Notebook
superpowers β˜… 275,436

μ‹€μ œλ‘œ μž‘λ™ν•˜λŠ” 에이전틱 μŠ€ν‚¬ ν”„λ ˆμž„μ›Œν¬ & μ†Œν”„νŠΈμ›¨μ–΄ 개발 방법둠.

Shell
skills β˜… 170,812

Agent Skills을 μœ„ν•œ 곡개 μ €μž₯μ†Œ

Python
Best-websites-a-programmer-should-visit β˜… 76,276

:link: ν”„λ‘œκ·Έλž˜λ¨Έλ₯Ό μœ„ν•œ μœ μš©ν•œ μ›Ήμ‚¬μ΄νŠΈ λͺ¨μŒμž…λ‹ˆλ‹€.
PaddleOCR β˜… 88,058

PDFμ΄λ‚˜ 이미지 λ¬Έμ„œλ₯Ό AIλ₯Ό μœ„ν•œ κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ λ³€ν™˜ν•˜μ„Έμš”. 이미지/PDF와 LLM μ‚¬μ΄μ˜ 간극을 λ©”μ›Œμ£ΌλŠ” κ°•λ ₯ν•˜κ³  κ²½λŸ‰ν™”λœ OCR toolkitμž…λ‹ˆλ‹€.

Python
// repository documentation