https://github.com/jay-es/ts-boilerplate

Boilerplate for TypeScript projects
https://github.com/jay-es/ts-boilerplate

Last synced: about 2 months ago
JSON representation

Boilerplate for TypeScript projects

• Host: GitHub
• URL: https://github.com/jay-es/ts-boilerplate
• Owner: jay-es
• Created: 2023-08-27T13:58:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-08T13:03:31.000Z (7 months ago)
• Last Synced: 2024-06-08T14:25:09.160Z (7 months ago)
• Language: JavaScript
• Size: 16.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Scaffolding commands

```shell

npm create vite@latest

```

```shell

npm create vue@latest

```

```shell

npx nuxi@latest init --force .

pnpm dlx nuxi@latest init

bunx nuxi@latest init

```

```shell

npm create next-app@latest

npx create-next-app@latest

```

## TSConfig bases

```shell

npm i -D @tsconfig/strictest

```

`tsconfig.json`

```jsonc

  "extends": "@tsconfig/strictest/tsconfig",

  "extends": [

    "@tsconfig/strictest/tsconfig",

    ...

  ],

```

## ESLint

```shell

npx eslint --init

```

```shell

npm i -D @typescript-eslint/eslint-plugin @typescript-eslint/parser

npm i -D eslint-plugin-simple-import-sort

```

## Prettier

```shell

npm i -D prettier eslint-config-prettier

```

## Biome

```shell

npm install --save-dev --save-exact @biomejs/biome

npx @biomejs/biome init

```

```json

  "formatter": {

    "indentStyle": "space"

  },

```

## Tailwind CSS

```shell

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

```

```shell

npm i -D prettier-plugin-tailwindcss

```

`prettier.config.js`

```javascript

  plugins: ['prettier-plugin-tailwindcss'],

```

### Tailwind CSS Typography

```shell

npm install -D @tailwindcss/typography

```

`tailwind.config.js`

```javascript

  plugins: [require('@tailwindcss/typography')],

```

### daisyUI

```shell

npm i -D daisyui@latest

```

`tailwind.config.js`

```javascript

  plugins: [require("daisyui")],

```

## Testing

```shell

npm i -D vitest vite-tsconfig-paths

```

### Vue

```shell

npm i -D @vue/test-utils

```

### React

```shell

npm i -D jsdom @testing-library/jest-dom @testing-library/react @testing-library/user-event

npm i -D eslint-plugin-jest-dom eslint-plugin-testing-library

```

## Husky + lint-staged

```shell

npm i -D husky lint-staged

```