008_Frontend Technology - ZHAW-PM4-Compass/compass GitHub Wiki

Frontend Technology

Status:

Decided

Context:

In the development of the project's frontend view layer, we need to choose a suitable framework and tooling to build interactive user interfaces. Several options are available, including Angular, React/Next.js, and Vue. The decision should consider factors such as developer experience, ecosystem support, performance, and scalability.

Decision:

We have decided to use React with Next.js for the frontend view layer of the project, utilizing the Tailwind CSS framework for styling. We will base our project structure on the Next.js Boilerplate template.

Consequences:

  • React is widely adopted and has a mature ecosystem with a vast library of components, tools, and resources. Next.js complements React by providing server-side rendering, routing, and other features that enhance the development experience.

  • Tailwind CSS offers a utility-first approach to styling, enabling rapid development and easy customization. Its simplicity and flexibility make it well-suited for building modern and responsive user interfaces.

  • Next.js provides built-in features such as server-side rendering, static site generation, and automatic code splitting, which improve performance and SEO. Its file-based routing system simplifies navigation and code organization.

  • Using the Next.js Boilerplate template provides a solid foundation for our project, including pre-configured settings, folder structure, and best practices. This accelerates project setup and ensures consistency across development environments.

⚠️ **GitHub.com Fallback** ⚠️