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-cher1sh-next-app

v1.0.1

Published

create cher1sh-next-app project

Downloads

4

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

cher1shrxdcher1shrxd

Keywords

Readme

cher1sh-next-app

이 템플릿은 FSD 아키텍쳐가 적용되어 있습니다. 로그인, 회원가입, 유저 불러오기가 기본 기능으로 포함되어 있습니다. (유저 타입, 입력 필드는 서버 스펙에 맞춰주세요.)

주요 기능

  1. 페이지 렌더링시 저장되어있는 토큰을 확인하고 토큰의 exp가 만료되었다면 재발급 후 다시 페이지를 렌더링 합니다.

  2. api 프록시를 통해 요청을 중앙화 하고, 서버 스펙에 맞추어 httpOnly 쿠키의 토큰을 api route에서 꺼내어 헤더의 Authorization에 삽입합니다.

  3. api 프록시에는 토큰 재발급 로직이 포함되어 있습니다.

설치 & 적용된 라이브러리

  1. axios: Next.js API Route <-> 외부 API 서버 통신에 사용됩니다.
  2. tailwindcss: 스타일링에 사용됩니다.
  3. lucide-react: 다양한 아이콘을 제공합니다.
  4. zustand: 전역 상태 관리에 사용됩니다.

유틸리티

  1. CustomLink, useCustomRouter, LoadingProvider를 통해 페이지 이동시 화면 상단에 프로그레스바가 표시됩니다.
  2. ToastProvider, toast.메서드("메시지")를 통해 토스트 메시지를 띄웁니다. 훅이 아니기에 SSR, CSR 모두 사용가능합니다.

ETC

  • 프리텐다드 폰트가 적용되어 있습니다.

With npm

npx create-cher1sh-next-app

With pnpm

pnpm create cher1sh-next-app