An open API service indexing awesome lists of open source software.

https://github.com/developer-dao/academy-turbo

D_D Academy is an open-source education platform created by and for Developer DAO.
https://github.com/developer-dao/academy-turbo

developerdao nextjs react shadcn tailwindcss

Last synced: about 1 year ago
JSON representation

D_D Academy is an open-source education platform created by and for Developer DAO.

Awesome Lists containing this project

README

          

# Next.js & Tailwind CSS Monorepo Template

This is a monorepo template using:

- ๐Ÿ“ [TypeScript 5.0](https://www.typescriptlang.org/)
- โšก๏ธ [Next.js 13.2](https://nextjs.org/)
- โš›๏ธ [React 18.2](https://reactjs.org/)
- ๐ŸŒฌ๏ธ [Tailwind CSS 3.3](https://tailwindcss.com/)
- ๐Ÿ“• [Storybook 7.0](https://storybook.js.org/)
- ๐Ÿงช [Testing Library](https://testing-library.com/)
- ๐Ÿƒ [Jest](https://jestjs.io/)
- ๐ŸŽญ [Playwright](https://playwright.dev/)
- ๐Ÿ’ก [Lighthouse](https://developer.chrome.com/docs/lighthouse/)
- ๐Ÿงน [ESLint](https://eslint.org/)
- ๐Ÿค– [CommitLint](https://commitlint.js.org/)
- ๐Ÿ’– [Prettier](https://prettier.io/)
- ๐Ÿ“ฆ [pnpm](https://pnpm.io/)
- ๐ŸŽ๏ธ [Turborepo](https://turbo.build/repo)
- ๐Ÿ‘ท [Github Actions](https://github.com/features/actions)

## 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:

```
git clone https://github.com/Developer-DAO/academy-turbo
cd academy-turbo
pnpm install
```

### Develop Next.js

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

```
pnpm dev --filter academy
```

### Build Next.js

If you want to build `apps/academy` for production, run at the root:

```
pnpm build --filter academy
```

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
```