📄️ Introduction
The web application will be developed using a modern and robust technology stack, focused on providing an optimal user experience and high performance. The architecture will be built on the following technologies and their respective versions:
📄️ Project Characteristics
Naming Conventions
📄️ Authentication, Authorization, and Route Protection System
For authentication and session management in the web application, the NextAuth library will be used. It is an open-source solution optimized for Next.js-based applications. NextAuth allows for easy integration of multiple authentication providers and efficient management of the user's session state on the client side.
📄️ Naming Conventions
Standardized nomenclature is fundamental to maintaining architectural consistency within the Osborn web application. This document establishes the mandatory conventions that must be followed in all files, components, functions, and data structures.
📄️ Rendering Strategies
Server Components (RSC):
📄️ React Component Patterns
In React, there are different patterns for structuring and managing data in components. Most of the examples in this document are based on the same visual component: a PropertyCard.
📄️ How to Document a Component in Storybook
Storybook is an open-source frontend development tool that allows you to build and test user interface components in isolation, outside of the main application. It streamlines the development, documentation, and testing of components in an organized and efficient way.
📄️ Text Management
Static text management in the application follows a domain-centralized approach that eliminates scattered text strings in components. This practice improves maintainability, ensures consistency, and facilitates future internationalization implementations.