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.
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.