NX monorepo boilerplate with React + Vite + TypeScript + Mantine

Getting Started

Review the Repository Guidelines for project structure, commands and contribution expectations before you begin. For workflow details and disclosure steps, see the Contributing Guide and Security Policy.

Prerequisites

# Install NX
npm install -g nx

# Init project
npm 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

   npm run codegen:graphql

6. Start the app

   npm run dev

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

Examples

• GitHub repository list

App screenshots

Desktop version

Mobile version

Features

• Nx 21
• React 19
• Mantine 8
• Storybook 9
• TypeScript
• Vite 7
• Vitest
• React Testing Library
• ESLint
• HMR (Hot Module Replacement)

License

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