Skip to content

Next.js turbo monorepo. Dev experience oriented, using TypeScript 5.0 - Next.js 13.2 - React 18.2 - Tailwind CSS 3.3 - Storybook 7.0 - Testing Library - Jest - Playwright - Lighthouse - ESLint - CommitLint - Prettier - pnpm - Turborepo - Github Actions

License

Notifications You must be signed in to change notification settings

Markkos89/turbo-monorepo-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

812e59d Β· Sep 5, 2023

History

7 Commits
Sep 4, 2023
Sep 2, 2023
Sep 2, 2023
Sep 4, 2023
Sep 4, 2023
Sep 2, 2023
Sep 2, 2023
Sep 2, 2023
Sep 4, 2023
Sep 5, 2023
Sep 2, 2023
Sep 2, 2023
Sep 2, 2023
Sep 2, 2023
Sep 4, 2023
Sep 4, 2023
Sep 2, 2023
Sep 2, 2023
Sep 4, 2023

Repository files navigation

Next.js & Tailwind CSS Monorepo Template

This is a monorepo template using:

What's inside?

This monorepo includes a few apps and packages.

Apps and Packages

  • apps/website-ssr: a Next.js app with Tailwind CSS
  • apps/website: another Next.js app with Tailwind CSS
  • packages/ui: a stub React component library with Tailwind CSS, shared by both website-ssr and website apps
  • packages/utils: utilities shared by both website-ssr and website apps
  • packages/eslint-config-custom: shared ESLint configuration
  • packages/jest-config: shared Jest configuration
  • packages/lighthouse-config: shared Lighthouse configuration
  • packages/next-config: shared Next.js configuration
  • packages/playwright-config: shared Playwright configuration
  • packages/storybook-config: shared Storybook configuration
  • packages/tailwindcss-config: shared Tailwind CSS configuration
  • packages/typescript-config: shared tsconfig.json files

Using this template

Run the following command:

npx degit markkos89/turbo-monorepo-template my-monorepo
cd my-monorepo
pnpm install

Develop Next.js

If you want to start apps/website-ssr and apps/website in development mode, and watch for changes in packages/ui, run at the root:

pnpm dev

Build Next.js

If you want to build apps/website-ssr and apps/website for production, run at the root:

pnpm build

If you want to see an analysis of the generated bundles, specify the ANALYZE environment variable:

ANALYZE=true pnpm build

Preview Next.js

If you want to preview production builds of apps/website-ssr and apps/website, run at the root:

pnpm start

Develop Storybook

If you want to start all Storybook projects in development mode, run at the root:

pnpm storybook:dev

Develop Storybook

If you want to build all Storybook projects, run at the root:

pnpm storybook:build

Unit tests

If you want to run unit tests for all projects, run at the root:

pnpm test:unit

End-to-end tests

If you want to run e2e tests for all projects, run at the root:

pnpm test:e2e

Lint

If you want to run linting for all projects, run at the root:

pnpm lint

About

Next.js turbo monorepo. Dev experience oriented, using TypeScript 5.0 - Next.js 13.2 - React 18.2 - Tailwind CSS 3.3 - Storybook 7.0 - Testing Library - Jest - Playwright - Lighthouse - ESLint - CommitLint - Prettier - pnpm - Turborepo - Github Actions

Topics

Resources

License

Stars

Watchers

Forks