Nx Starter
Monorepo template build for TypeScript React projects. Fully configured ESLint, Prettier, CommitLint, and Commitzin. Configured Jest for DOM, Fetch, and Accessibliity. Sample Data layer via SWR and Orval. And so many other modules, hooks, utilities, and components to reuse.
Overview
The Nx Starter is a robust starter kit designed specifically for React projects, leveraging the power of NX and Yarn workspaces. This template is fully equipped with TypeScript and comes with a range of production-ready configurations that ensure a seamless development experience. With a focus on scalability and best practices, it provides a solid foundation for building modern web applications.
From enhanced testing configurations to powerful integrations, the Nx Starter emphasizes organization and efficiency, making it an ideal choice for both new projects and those looking to streamline their existing workflows. Its support for additional applications like Next.js and React Native further expands its versatility, catering to a wide range of development needs.
Features
- Powered by NX and Yarn Workspaces: Seamlessly integrate and manage multiple React projects with an efficient workspace setup.
- Fully TypeScript Support: Ensure type safety and production-ready configurations that promote strict coding standards.
- Scalable Jest Configuration: Comes with setups for Fetch, DOM, Match Media, and Accessibility, enhancing test coverage and reliability.
- Integrated ESLint with Prettier: Enforces code quality standards through robust linting and formatting configurations.
- Husky Integrations: Strong commit management with tools like lint-staged, commitlint, and branchlint to streamline version control.
- Organized Output Directory: Keeps build, coverage, Storybook, and TypeScript outputs well-structured for ease of use and maintenance.
- Conventional Release Automation: Simplifies changelog generation with Trunked based development for monorepo management.
- Media Queries Module: Facilitates responsive design in JavaScript, supporting server-side rendering for improved performance.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.