• Quick Start
  • Updating types
• Linking a NextJS project with these shared types
  • Notes
• Shared Types Repo Setup
  • package.json
• Troubleshooting
  • Types are not reflected in Vercel
• NPM Setup
• Reference

Shared TypeScript Types

Quick Start

Note: You should only need to do this once.

• Clone this repo and run bun link.
• Then, in your project that uses these types, run bun link lmucs-shared-types.

Updating types

You should run bun ci after each update to the types, so your other projects are refreshed.

• Add/update your types, then run bun ci which will clean and build new types.
• For projects hosted on Vercel, you must bun pub to publish these types to NPM.

Linking a NextJS project with these shared types

https://chatgpt.com/share/58780926-f656-46f7-b106-7a033b075789

Notes

• Main project (NextJS) will use types in the dist directory, which is why it must be refreshed each time.

Shared Types Repo Setup

• Remove dist from .gitignore, so the dist files are in the repo

package.json

 "files": [
    "/dist"
 ],

Troubleshooting

Types are not reflected in Vercel

• Remove bun.lockb and node_modules from NextJS project and re-install using bun i, then push again.

NPM Setup

npm login
cd project-shared-types
npm init
npm publish

https://chatgpt.com/share/eaa775d6-4252-4969-bc3b-ac50d4721da0

Reference

• https://github.com/masaok/react-hook-gyroscope/blob/main/package.json