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 🙏

© 2024 – Pkg Stats / Ryan Hefner

create-template-next

v0.0.29

Published

create nextjs app with various prompts

Downloads

363

Readme

Create Template Next.js cli

Usage

npx create-template-next@latest
# or
yarn create template-next
# or
pnpm create template-next
# or
bunx create-template-next

Default create-next-app Options

Project Name

? What is your project name? ›

Typescript or Javascript

? Would you like to use Typescript? … No / Yes

Use src Directory

? Would you like to use `src/` directory? … No / Yes

Use app router

? Would you like to use AppRouter? … No / Yes

Custom Import Alias

? Would you like to customize the default import alias? … No / Yes

Additional Options

use Storybook

Storybook

? Would you like to use Storybook? › No / Yes

Select Lint Tool

ESLint + Prettier

Biome

? Which lint tool would you like to use? › - Use arrow-keys. Return to submit.
❯   ESLint + Prettier
    Biome
    None

Select Test Tool

Jest

Vitest

? Which test tool would you like to use? › - Use arrow-keys. Return to submit.
❯   Jest
    Vitest
    None

Select Generate Tool

Hygen

scaffdog

? Which code generator would you like to use? › - Use arrow-keys. Return to submit.
❯   Hygen
    scaffdog
    None

Select Project Size

? Which project size would you like to use? › - Use arrow-keys. Return to submit.
❯   Small
    Medium
    Large

Select Package Manager

? Which package tool would you like to use? › - Use arrow-keys. Return to submit.
❯   npm
    Yarn
    pnpm
    bun

use GitHub Actions

? Would you like to use GitHub Actions? › No / Yes

Select Workflow

? Which workflow would you like to use? ›
Instructions:
    ↑/↓: Highlight option
    ←/→/[space]: Toggle selection
    a: Toggle all
    enter/return: Complete answer
◯   Lighthouse score
◯   Check amount code change
◯   lint
◯   test
◯   Check Bundle Size

CommandLine Options

Usage: create-template-next <project-directory> [options]

Options:
  -V, --version                        output the version number
  --recommend
  Initialize with recommended options.

  --moonshot
      Initialize with moonshot options.

  --ts, --typescript

    Initialize as a TypeScript project. (default)

  --js, --javascript

    Initialize as a JavaScript project.

  --tailwind

    Initialize with Tailwind CSS config. (default)

  --eslint

    Initialize with eslint config.

  --app

    Initialize as an App Router project.

  --src-dir

    Initialize inside a `src/` directory.

  --import-alias <alias-to-configure>

    Specify import alias to use (default "@/*").

  --storybook

      Initialize with Storybook.

  --jest

      Initialize with Jest.

  --vitest

      Initialize with Vitest.

  --hygen

      Initialize with Hygen.

  --scaffdog

      Initialize with Scaffdog.

  --small

      Initialize with small project size.

  --medium

      Initialize with medium project size. (default)

  --large

      Initialize with large project size.

  --npm

      Initialize with npm.

  --yarn

      Initialize with Yarn. (default)

  --pnpm

      Initialize with pnpm.

  --bun

      Initialize with bun.

  --github-actions
      Initialize with GitHub Actions.

  -h, --help                           display help for command