Overview

Web Starter is our starting point for React front-end applications. It’s crafted using a selection of advanced technologies and tools, making it a robust and efficient foundation for development.

The core technologies include:

• Next.js: A React framework that supports features like server-side rendering, static site generation and routing.
• TanStack Query: A library for managing data fetching, caching, and updating in React apps.
• React Hook Form + Zod: Efficient form management and schema validation tools.
• Mantine UI + Tabler: UI components and icons for responsive and accessible web interfaces.
• Typescript: JavaScript with syntax for types, enhancing scalability and maintainability.

​

Web Starter Documentation Sections

Explore the following sections for detailed information on different aspects of the Web Starter:

• Styling: Focuses on the styling approach used in the application, detailing how to work with Mantine UI to create visually appealing interfaces.
• Routing: Covers the routing mechanism within the application, explaining how to organize navigation flow.
• Calling API: Dedicated to API interactions, this section explains how to effectively make requests to back-end services, manage responses, and handle errors using the provided API service utilities.
• Forms: Discusses form management, highlighting the integration of React Hook Form and Zod for efficient form creation, validation, and handling user inputs.
• Services: Describes the various service layers used in the application, such as the API, socket, and analytics services, providing examples of how to implement and utilize these services for different functionalities.
• Environment Variables: Guides on managing environment-specific configurations, explaining the use of different .env files for development, staging, and production environments, and the importance of securing sensitive data.

​

React TypeScript Cheatsheet

For a detailed guide on using React with TypeScript, visit the React TypeScript Cheatsheet.