my-pkg-custom-name

README

• ✈️ Project init with vite

• 🪖 Github Actions support (Auto CI / Auto Release / Auto Deploy)

• 🍕 Build npm package with tsup

• 🍭 Built-in react dev environment

  playground folder

  start --> npm run dev

• 🍔 Use browserslistrc

• 🪗 Build styles with postcss (postcss-nested/ autoprefixer / cssnano)

• 🌭 Stylelint that helps you avoid errors and enforce conventions in your styles.

• 🍟 Mono repo with npm

• 🎉 TypeScript, of course

• 🎄 Unit Testing with Vitest

• 🏑 Storybook for building UI components and pages

• 🧆 ESLint statically analyzes your code to quickly find problems.

• 🛸 Deploy on Netlify, zero-config

• 🥳 MIT License

how to use

replace my-pkg-custom-name with your package name

Directory structure

Project
├── __tests__           # Unit Testing
├── babel.config.js     # babel config
├── package.json
├── playground          # dev environment folder (can use source code)
│   ├── index.html
│   ├── package.json
│   ├── public
│   ├── src
│   ├── tsconfig.json
│   ├── vite-env.d.ts
│   └── vite.config.ts
├── postcss.config.js  # build styles with postcss
├── src                # Package source code
│   ├── index.ts       # Package source entry
│   ├── stories        # storybook for building UI components and pages
│   ├── styles         # styles for Package
│   └── types.ts       # ts type declaration for Package
├── tsconfig.json      # ts config
└── tsup.config.ts     # build package with tsup

how to add NPM_TOKEN

1. create npm token

2. then copy npm token, add to github project settings

   • project -> settings -> secrets -> actions

how to add GITHUB_TOKEN

• add GITHUB_TOKEN