Nextjs Project Architecture Template
This template provides a robust architecture for Next.js applications, addressing common challenges in configuring a Next.js boilerplate. It ensures that your production architecture remains up-to-date with the latest Next.js versions .
Overview:
This production sample is an example of how a Next.js project should be architected. It provides a base for Next.js projects and includes various configurations and technologies such as HTTP services built on top of Axios, a design system with Styled-Components and RadixUI integration, Git actions for unit testing, Git hooks for local CI, and other technologies like Next.js, Radix UI, Styled Components, Jest, React Testing Library, ESLint, Prettier, Git Husky, Git Action, and Storybook. The project follows the MVP (Model-View-Presenter) architecture pattern for separation of concerns.
Features:
- Http services built on top of Axios
- Design system with Styled-Components and RadixUI integration
- Git actions that run unit tests on master and PR branches
- Git hooks for local CI that run linters and unit tests
Summary:
This production sample provides a well-architected example for Next.js projects. It includes various configurations and technologies such as HTTP services, a design system, Git actions, and Git hooks. The project follows the MVP architecture pattern for separation of concerns. It also enforces coding standards and conventions for file and folder naming.
- 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.