This is an official starter Turborepo.
Run the following command:
npx create-turbo@latest -e with-tailwind
This Turborepo includes the following packages/apps:
docs
: a Next.js app with Tailwind CSSweb
: another Next.js app with Tailwind CSSui
: a stub React component library with Tailwind CSS shared by bothweb
anddocs
applicationseslint-config-custom
:eslint
configurations (includeseslint-config-next
andeslint-config-prettier
)tsconfig
:tsconfig.json
s used throughout the monorepo
Each package/app is 100% TypeScript.
This example is setup to build packages/ui
and output the transpiled source and compiled styles to dist/
. This was chosen to make sharing one tailwind.config.js
as easy as possible, and to ensure only the CSS that is used by the current application and its dependencies is generated.
Another option is to consume packages/ui
directly from source without building. If using this option, you will need to update your tailwind.config.js
to be aware of your package locations, so it can find all usages of the tailwindcss
class names.
For example, in tailwind.config.js:
content: [
// app content
`src/**/*.{js,ts,jsx,tsx}`,
// include packages if not transpiling
"../../packages/**/*.{js,ts,jsx,tsx}",
],
This Turborepo has some additional tools already setup for you:
- Tailwind CSS for styles
- TypeScript for static type checking
- ESLint for code linting
- Prettier for code formatting
npx prisma db seed
npx prisma migrate dev --name init
npx prisma migrate reset
## Run the following command to re-generate Prisma Client and Pothos types
npx prisma generate
or ;)
bun prisma generate
## Run studio
bun prisma studio
ngrok http 3000 --authtoken "1YDQGFNugOpuLIylyTkafMoo7bA_6xYj89ZEKYPM371QVVkYb"
npx ngrok http 3000 --authtoken "1YDQGFNugOpuLIylyTkafMoo7bA_6xYj89ZEKYPM371QVVkYb"