Turborepo starter with React (Next.js), Vue (Nuxt.js), tailwindCSS, and TypeScript

This is a Turborepo starter with two different apps/frameworks using (React/Next.js, Vue/Nuxt.js) with TailwindCSS installed and a shared ui package for each framework.

Want to know/understand everything about this monorepo? Read this artical

What's inside?

This turborepo uses npm as a package manager. It includes the following packages/apps:

Apps and Packages

• apps
  • next-app: a Next.js app
  • nuxt-app: a Nuxt.js app
• packages
  • react-ui: a stub React component library shared across all React applications.
  • vue-ui: a stub Vue component library shared across all Vue applications.
  • eslint-config-custom: eslint configurations (includes eslint-config-next and eslint-config-prettier)
  • tsconfig: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

This turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• TailwindCSS a utility-first CSS framework.
• ESLint for code linting.
• Prettier for code formatting.
• Husky Modern native Git hooks made easy.

Getting Started

First clone the repo, then install the dependencies

npm install

after that, start the development server (apps running in parallel)

npm run dev

That's it, enjoy!

Author

• Munaf A. Mahdi