Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tf63/tsup-exp
https://github.com/tf63/tsup-exp
Last synced: 24 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/tf63/tsup-exp
- Owner: tf63
- Created: 2024-08-12T18:34:36.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-12T22:35:26.000Z (3 months ago)
- Last Synced: 2024-09-14T11:44:49.735Z (about 2 months ago)
- Language: TypeScript
- Size: 54.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Turborepo Template
This repository provides a monorepo setup for web frontend development (React 18, Next.js 14, Chrome extension)
## Commands
```
pnpm build # Build the projects for production
pnpm dev # Start the development server
pnpm lint # Lint the JavaScript/TypeScript files (not apply changes)
pnpm lint:fix # Lint the JavaScript/TypeScript files (apply changes)
pnpm test # Run the unit test
pnpm test:watch # Run the unit test in watch mode
pnpm test:ui # Run the unit test with UI
pnpm test:e2e # Run the end-to-end tests
pnpm test:e2e:ui # Run the end-to-end tests with UI
pnpm format # Format the JavaScript/TypeScript files using Biome and other files using Prettier.
pnpm generate # Generate a component from templates with plop
```
## DevTools
| tool | description |
| --------------------------------------------------------- | -------------------------------------------------------------------------- |
| [turbo](https://turbo.build) | Monorepo build system that speeds up and optimizes the development process |
| [pnpm](https://pnpm.io) | Fast, disk space efficient package manager |
| [biome](https://biomejs.dev/) | Linter for JavaScript, TypeScript, and JSON files |
| [prettier](https://prettier.io/) | Formatter for various file types (JavaScript, TypeScript, Markdown, etc.) |
| [husky](https://typicode.github.io/husky/) | Tool for managing Git hooks easily |
| [lint-staged](https://github.com/lint-staged/lint-staged) | Runs linters on Git staged files, improving code quality before commits |
| [plop](https://plopjs.com/) | Micro-generator framework that helps create consistent project components |
| [vitest](https://vitest.dev/) | Testing framework for unit test |
| [playwright](https://playwright.dev/) | Testing framework for e2e test |
## Repositories
### apps
`apps` contains web applications.
Each application in `apps/` only depends on packages within `packages/`, not on other applications.
| repo | description |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **next** | [Next.js 14](https://nextjs.org/) (App Router) application with [Tailwind CSS](https://tailwindcss.com/) |
| **react** | [React 18](https://react.dev/) application using [Vite](https://vitejs.dev/) for bundling and [Tailwind CSS](https://tailwindcss.com/) |
| **react-chrome** | Chrome Extension built with [React 18](https://react.dev/), using [CRX](https://crxjs.dev/vite-plugin/), [Vite](https://vitejs.dev/) and [Tailwind CSS](https://tailwindcss.com/) |
| **storybook** | [Storybook](https://storybook.js.org/) server |
### packages
`packages` contains reusable UI components and configuration files.
| repo | description |
| --------------------- | --------------------------------------------------------------------------------- |
| **ui** | Shared UI components library used across applications |
| **config-tailwind** | [Tailwind CSS](https://tailwindcss.com/) configuration shared across applications |
| **config-typescript** | TypeScript configuration shared across applications |