The application is built using Next.js App Router for server-side rendering (SSR) and static site generation (SSG), ensuring fast page loads and optimal SEO performance.

At the core of our UI, React allows us to build interactive and reusable components, creating a dynamic and responsive user experience.

We use TypeScript for static typing, which helps in catching errors early, improving code quality, and making the codebase more maintainable and scalable.

A utility-first CSS framework that enables rapid UI development. We use it for all our styling, allowing for a consistent design system without custom CSS.

Our component library is built upon ShadCN UI, providing a set of beautifully designed, accessible, and customizable components that we can adapt to our needs.

Firebase serves as our backend for real-time data synchronization (e.g., live stats), notifications, and Genkit AI flow integration.

For all AI-powered features, like the color palette generator, we use Genkit. It provides a structured way to build and manage AI flows.

The Firebase Realtime Database is used to store and sync live application data like page views and tool usage statistics across all users in real-time.

Toolsax is hosted on Vercel, the platform built by the creators of Next.js. It provides seamless deployment, a global CDN, and automatic scaling for optimal performance.

We use GitHub Actions for our Continuous Integration and Continuous Deployment (CI/CD) pipeline, automating the build and deployment process to Vercel.

To support the operational costs of the website and keep the tools free, we display advertisements through the Google AdSense network.

We use Firebase Analytics to gather anonymous usage data, such as page views and tool clicks. This helps us understand which tools are popular and how we can improve the user experience.