NX monorepo boilerplate with React + Vite + TypeScript + Mantine

Getting Started

Prerequisites

# Install pnpm
npx pnpm add -g pnpm

# Install NX
npm install -g nx

# Init project
pnpm run init-project

Development

1. Read how to create GitHub access token
2. Add .env into ./

   cp ./env.example ./.env

3. Add .env.local into ./packages/graphql/.env.local

   cp ./packages/graphql/env.example ./packages/graphql/.env.local

   and add your GitHub token (see step 1)
4. Add .env.local to ./apps/main/.env.local

   cp ./apps/main/env.example ./apps/main/.env.local

   and add your GitHub token (see step 1)
5. [Optional step] Generate code from GraphQL schema

   pnpm codegen:graphql

6. Start the app

   pnpm dev

   and open the page http://localhost:3000/

Examples

• GitHub repository list

App screenshots

Desktop version

Mobile version

Features

• Nx 16
• React 18
• Mantine 7
• Storybook 7
• TypeScript
• Vite 5
• Vitest
• React Testing Library
• Cypress
• ESLint
• HMR (Hot Module Replacement)

License

This code is licensed under the MIT License. You can find the license file here.