This project contains an extensible and reusable monorepo archetype that can be used for setting up an Ecommerce app, with its admin modules.
The ui package contains multiple UI components based on React and TailwindCSS, and it has been setup with Storybook.
Enjoy.
[TOC]
.
├── packages/ # The magic happens here
│ ├── admin/ # Next.js admin front-end
│ ├── app/ # Next.js, main front-end
│ ├── datamodel/ # Prisma datamodel
│ └── ui/ # UI components
├── .editorconfig # editor config
├── .gitignore # git ignore list
├── .auth0 # Email templates in Auth0
├── .nvmrc # nvm config
├── .prettierrc # Prettier configuration
├── commitlint.config.js # Commitlint configuration
├── lerna.json # Lerna config
├── package.json # build scripts and dependencies
├── README.md # This file ;)
├── tsconfig.json # Root tsconfig file
└── yarn.lock # yarn lock file- Yarn
- Node.js 16.14 (Or LTS)
- Node Version Manager
- Docker
# ensure you have the prerequisites
# install
brew install node && brew install yarn
# OR update
brew update && brew upgrade && brew install yarn
# install dependencies
yarn installThere is a different .env file for each subdirectory and the root directory: /datamodel, /admin, /app, /common, & /.
Fill in any missing values from 1Password
# serve the ui with storybook
yarn dev:uiYou can build storybook with:
# build application (app, api, ui)
yarn build:uiA series of articles regarding the GraphQL spec (simplified):