Development Environment

Overview

Explains how to build a stable development environment for X2BEE development.

---

Library Information Used

Name	Version	Purpose
Next.js	v16.2.11	A React-based server-side rendering (SSR) and static site generation (SSG) framework
React.js	v19.2.3	A JavaScript library for building user interfaces
Zustand	v5.0.3	A simple and intuitive global state management library
TypeScript	v6.0.3	A superset language of JavaScript that supports static typing
TailwindCSS	v4.1.16	A utility-first CSS framework that supports fast and consistent UI styling
ESLint	v8.57.1	A JavaScript/TypeScript linter for improving code quality and maintaining consistency
Prettier	v3.3.3	An automatic code formatting tool used to maintain style consistency
@mui/material	6.0.1	A UI component library using Material-UI

Project Package Structure

1

src/main/java

• Framework common class package: includes project-related configuration, exception handling, DB-related properties, security, and utility classes

• API-related business logic class package: Controller, Service, Dao, Entity classes

2

src/main/resources

• Framework configuration package: datasource settings per dev/local, logging settings, other configuration files

• API-related query package: query files to be used within the project

• View template package: Front-end html files and error html files

• Other configuration package: the project-wide application.yml file and configuration files