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.