fs-mono Tailwind Templates

Fs Mono

Full Stack Monorepo Starter with Next.js, NestJS, Tailwind CSS, shadcn/ui, Prisma, Zod, and Swagger

Monorepo Starter

Get started

  • Install packages pnpm install
  • To setup the backend apps/api follow README
  • To setup the customer facing frontend apps/web follow README
  • Run pnpm dev to run all apps at once
  • Run pnpm dev:web to run only the frontend web app with required packages
  • Run pnpm dev:api to run only the backend app with required packages
  • Build packages/zod using pnpm --filter @repo/zod build after making changes to it so that nestjs can use it
  • To generate axios code, run pnpm --filter @repo/api gen, you can use these command to execute scripts of individual packages or apps like pnpm --filter [apps/package identifier] [command]

Apps and Packages

  • api: a Nest.js app
  • web: another Next.js app
  • @repo/ui: a stub React component library shared by both web applications
  • @repo/zod: a zod validation schema shared by all the apps
  • @repo/api: an axios implemented(generated) layer of nestjs api to be used by frontend apps
  • @repo/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
  • @repo/typescript-config: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Technology

  • Nextjs 15, React 19
  • shadcn/ui with tailwind v4
  • Nestjs, Prisma, Postgres, Redis, Passport Js
  • Zod, Axios
  • Swagger (Generated from zod schemas using nestjs-zod package)

Build

To build all apps and packages, run the following command:

cd <repo>
pnpm build

Develop

To develop all apps and packages, run the following command:

cd <repo>
pnpm dev

Learn more about the power of Turborepo:

Top categories

Loading Svelte Themes