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

Installation:

To install the theme, follow these steps:

Clone the project repository.
Search for “You-Project-Name-Here” in the project and substitute it with your project name.
Run the following commands in the project directory:

yarn install
yarn run test:coverage

Ensure that your test coverage is at least 80% by the end of your test.

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.