๐๐ TypeScript Monorepo Sample
Required TypeScript@3 above
yarn
$ mkdir typescript-monorepo && cd $_
$ yarn init -y -p
- edit package.json # setup workspace and scripts
$ mkdir -p packages/app && cd $_
$ yarn init -y
$ yarn add -D typescript @types/react
$ yarn add next react react-dom @zeit/next-typescript
$ mkdir pages
$ touch pages/index.tsx next.config.js .babelrc.js tsconfig.json
$ cd ../.. # change root directory
- edit packages/app/next.config.js
- edit packages/app/.babelrc.js
- edit packages/app/tsconfig.json
- edit packages/app/package.json
- packages/app/package.json # add script
- packages/app/package.json # add package(component-a) dependency
- edit packages/app/pages/index.tsx # add default page and load component from package
- create packages/tsconfig.json
- create packages/tsconfig.base.json
$ mkdir -p packages/component-a && cd $_
$ yarn init -y
$ yarn add -D typescript @types/react
$ yarn add react
$ touch index.tsx tsconfig.json
$ cd ../.. # change root directory
- edit packages/component-a/index.tsx # add default page and load component from package
- edit packages/component-a/tsconfig.json # add default page and load component from package
$ yarn
$ yarn build:packages # or yarn build:packages:watch
$ yarn start
- typescript-monorepo-cra-example - CRA(
create-react-app
) version - next.js-typescript-starter-kit - Next.js TypeScript starter kit