Nx Vite React Ts Mantine Boilerplate

Overview

CIHitsNX is a monorepo boilerplate that combines React, Vite, TypeScript, and Mantine. It also includes various features such as GraphQL, GitHub integration, a repository list, and screenshot capabilities for both desktop and mobile versions. The boilerplate also utilizes Nx, Storybook, React Testing Library, Cypress, Styled Components, ESLint, and Hot Module Replacement.

Features

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

Installation

To install CIHitsNX, follow these steps:

1. Make sure you have the following prerequisites installed:

   • React
   • Vite
   • TypeScript
   • Mantine

2. Read the guide on how to create a GitHub access token.

3. Add a file named .env.local into the ./packages/graphql/ directory and add your GitHub token to it.

4. Add a file named .env.local into the ./apps/main/ directory and add your GitHub token to it.

5. Optional step: Generate code from the GraphQL schema.

6. Start the app and open the page http://localhost:3000/.

Summary

CIHitsNX is a monorepo boilerplate that provides a comprehensive development setup for React applications. It combines various tools and libraries like React, Vite, TypeScript, Mantine, Storybook, React Testing Library, Cypress, and more. The boilerplate includes features like GitHub integration, repository listing, and screenshot capabilities for both desktop and mobile versions. With CIHitsNX, developers can quickly set up their development environment and create robust React applications.