React, Node.js, Prisma와 Wasp 프레임워크를 기반으로 인증, 결제, 이메일 기능을 갖춘 무료 MIT 라이선스 풀스택 SaaS 스타터입니다.
wasp-lang/wasp
선언형 spec 파일에서 웹 앱 코드를 생성하는, Rails와 비슷한 React·Node.js·Prisma 풀스택 프레임워크입니다.
- 스타
- 18,779
- 포크
- 1,478
- 열린 이슈
- 841
- 마지막 커밋
- 5시간 전
어떤 프로젝트인가요?
Wasp(Web Application Specification)는 React, Node.js, Prisma를 사용해 JavaScript 및 TypeScript 웹 앱을 만드는 풀스택 프레임워크입니다. 개발자는 main.wasp.ts spec 파일에 앱의 상위 수준 구조를 기술하고, React 및 Node.js 소스 파일을 참조하며, Prisma 데이터 모델은 별도로 정의합니다. 그러면 Wasp 컴파일러가 대상 스택에 맞는 프런트엔드, 백엔드, 배포 코드를 생성합니다.
Wasp는 보통 많은 접착 코드가 필요한 기능을 처리합니다. 여기에는 풀스택 인증, 클라이언트와 서버 간 RPC, 백그라운드 작업, 이메일 전송, 엔드투엔드 타입 안전성이 포함됩니다. spec에 선언한 쿼리와 액션은 사용하는 엔티티의 캐시를 자동으로 무효화합니다. CLI 명령 하나로 앱을 배포할 수 있으며, 생성된 코드는 .wasp/ 디렉터리에서 확인할 수 있습니다.
Wasp는 현재 베타 버전이며, React와 TanStack Query, Node.js와 Express.js, Prisma로 구성된 스택에 초점을 맞추고 있습니다.
핵심 기능
- 01기본 제공되는 풀스택 인증
- 02클라이언트와 서버 간 타입 안전 RPC
- 03내장된 백그라운드 작업 및 이메일 전송
- 04선언된 쿼리의 캐시 자동 무효화
- 05특정 배포 제공업체에 종속되지 않는 원클릭 배포
활용 사례
- 로그인, 대시보드, 데이터베이스를 갖춘 풀스택 SaaS 프로토타입을 며칠 만에 만들기
- 인증, 작업, 이메일 기능에 필요한 기반 코드를 직접 작성하지 않고 React 및 Node.js 웹 앱 만들기
- AI 코딩 에이전트가 구조가 정해진 일관성 있는 앱 레이아웃에서 작업하도록 하기
빠른 시작
- 1
npm으로 Wasp CLI를 설치하세요
npm i -g @wasp.sh/wasp-cli@latest - 2
퀵 스타트 문서를 따라 첫 번째 앱을 만들고 실행하세요
사용 전 알아둘 점
- Wasp는 베타 버전이므로 호환성을 깨는 변경이 있을 수 있습니다.
- 현재는 React, Node.js(Express.js), Prisma 스택만 지원합니다.
토픽
자주 묻는 질문
- wasp은(는) 무엇인가요?
- 선언형 spec 파일에서 웹 앱 코드를 생성하는, Rails와 비슷한 React·Node.js·Prisma 풀스택 프레임워크입니다. Wasp(Web Application Specification)는 React, Node.js, Prisma를 사용해 JavaScript 및 TypeScript 웹 앱을 만드는 풀스택 프레임워크입니다. 개발자는 main.wasp.ts spec 파일에 앱의 상위 수준 구조를 기술하고, React 및 Node.js 소스 파일을 참조하며, Prisma 데이터 모델은 별도로 정의합니다. 그러면 Wasp 컴파일러가 대상 스택에 맞는 프런트엔드, 백엔드, 배포 코드를 생성합니다.
- wasp은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- wasp은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- wasp은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. wasp의 마지막 커밋은 2026년 10월 21일입니다.
- wasp은(는) 어디에 사용할 수 있나요?
- 로그인, 대시보드, 데이터베이스를 갖춘 풀스택 SaaS 프로토타입을 며칠 만에 만들기 인증, 작업, 이메일 기능에 필요한 기반 코드를 직접 작성하지 않고 React 및 Node.js 웹 앱 만들기 AI 코딩 에이전트가 구조가 정해진 일관성 있는 앱 레이아웃에서 작업하도록 하기
- wasp는 어떻게 설치하나요?
- npm으로 Wasp CLI를 설치하세요: npm i -g @wasp.sh/wasp-cli@latest 퀵 스타트 문서를 따라 첫 번째 앱을 만들고 실행하세요
- wasp은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/wasp-lang/wasp
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
TypeScript 또는 JavaScript로 효율적이고 확장 가능한 서버 측 애플리케이션을 구축하는 진보적인 Node.js 프레임워크입니다.
GraphQL Yoga와 Envelop를 기반으로 구축된 RedwoodJS GraphQL 패키지로, Redwood 풀스택 React 프레임워크에서 선택적으로 사용할 수 있는 GraphQL API 계층입니다.
ProseMirror 기반의 헤드리스·프레임워크 독립형 리치 텍스트 에디터로, 다양한 확장 기능을 추가할 수 있습니다.
플로차트, 그래프, 워크플로 편집기 같은 인터랙티브 노드 기반 UI를 만들 수 있는 오픈소스 React 및 Svelte 라이브러리입니다.
React 또는 Vue를 사용해 WeChat·Alipay 미니 프로그램, H5 웹, React Native에서 실행되는 앱을 만드는 멀티플랫폼·멀티프레임워크 솔루션입니다.