npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

create-jjlabs-app

v0.1.8

Published

CLI to scaffold a new JJLabs app from the starter template

Downloads

46

Readme

create-jjlabs-app

jjlabsio-starter 템플릿으로 새 프로젝트를 생성하는 CLI 도구.

Usage

npx create-jjlabs-app my-app

프로젝트 이름을 생략하면 대화형으로 입력받습니다:

npx create-jjlabs-app

Options

-h, --help      도움말 표시
-v, --version   버전 표시

Scaffold Flow

  1. Copy — CLI 패키지에 내장된 template/을 프로젝트 경로로 복사
  2. Layout 선택 — Sidebar 또는 Standard 레이아웃 선택, 미사용 레이아웃의 route group·domain 디렉토리 제거
  3. Auth 정리 — 선택한 레이아웃의 layout.tsx에서 중복 auth guard 제거 (상위 (authenticated)/layout.tsx가 담당)
  4. Redirect 업데이트 — Standard 선택 시 루트·sign-in 리다이렉트 경로를 /dashboard/home으로 변경
  5. 패키지 이름 업데이트 — root 및 apps/apppackage.json 이름 치환
  6. Serena 설정 초기화.serena/project.ymlproject_name 갱신
  7. 플레이스홀더 치환{{PROJECT_NAME}}을 실제 프로젝트명으로 일괄 치환
  8. 마무리.git 제거, .env.example.env 복사, pnpm install 실행

Layout Options

| Layout | Description | | ------------ | ------------------------------------- | | Sidebar | 대시보드 스타일의 사이드바 네비게이션 | | Standard | 헤더 + 푸터 레이아웃 |

Development

pnpm install
pnpm dev              # tsx로 직접 실행 (tsx src/index.ts)
pnpm build            # tsup으로 dist/ 빌드
pnpm test             # vitest 테스트 실행
pnpm test:watch       # 감시 모드
pnpm typecheck        # 타입 체크

템플릿 위치

템플릿 파일은 template/에 위치. npm 배포 시 dist/와 함께 패키지에 포함됨 (files: ["dist", "template"]).

로컬 E2E 테스트:

pnpm build
node dist/index.js test-project
cd test-project && pnpm dev

템플릿 빌드 제한

(sidebar)(standard) 양쪽이 /settings/billing 등 동일 경로를 정의하므로 템플릿 자체는 빌드되지 않음. 의도된 설계 — scaffold 후 미사용 레이아웃이 제거되면 충돌 해소.

Publishing

pnpm publish:npm