Tiny Tools

Tiny Tools is an open-source monorepo of Next.js apps and shared packages that help developers view data in distinctive ways, centered on a Chrome Web Store ranking tracker.

What is Tiny Tools?

Tiny Tools is a GitHub-hosted monorepo from the Odyssey organization that combines multiple applications and reusable packages into a single project. The repository contains six workspaces: the webstore-rank app, which provides historical information for Chrome extensions and search terms on the Chrome Web Store; web, the Odyssey homepage; rewrites, a package for deploying URL subpaths for each app; ui, a component library bootstrapped by shadcn/ui; eslint-config-custom, a shared ESLint configuration set; and tsconfig, a collection of shared TypeScript configurations. Built on Next.js, React, TypeScript, Turborepo, and pnpm, the monorepo serves as both a production toolkit and a starting point for building data-oriented web tools.

Key Features

• Monorepo architecture — Uses Turborepo and pnpm to manage six workspaces under one root, enabling parallel builds and dependency sharing.
• Chrome Web Store analytics — The webstore-rank app tracks historical ranking and search-term data for Chrome extensions, letting users observe trends over time.
• Shared UI component library — The ui package is bootstrapped by shadcn/ui and provides reusable React components across all apps in the project.
• Next.js apps — Both webstore-rank and web are built with Next.js (Next.js 13 appears in the repository topics), leveraging React server-side rendering and static generation.
• Centralized configuration — eslint-config-custom includes eslint-config-next and eslint-config-prettier, while tsconfig standardizes TypeScript compiler options across workspaces.
• URL subpath rewriting — The rewrites package manages deployment subpaths for each app, allowing multiple tools to be hosted under a single domain.
• Simple dependency management — New shadcn/ui components are added to ui with pnpm run ui:add <name>, and other packages use pnpm add <package> --filter <workspace>.

Who is Tiny Tools for?

Tiny Tools is designed for developers and teams who build data-centric web applications or want a structured monorepo reference. Developers working on Chrome extension analytics can use or extend webstore-rank to explore historical extension performance. Teams adopting Turborepo and pnpm can copy the workspace layout, shared ESLint/TypeScript configs, and UI library setup to accelerate their own multi-app projects. Open-source contributors interested in the Odyssey ecosystem can explore the codebase, fix issues, or add new tools to the collection.

What can you do with Tiny Tools?

• Chrome Web Store researchers: use webstore-rank to look up historical data on Chrome extensions and search terms, helping to identify trends and compare extension performance.
• Monorepo administrators: reuse the pnpm workspace scripts (pnpm dev, pnpm build, pnpm i) and the rewrites package to deploy multiple Next.js apps under subpaths.
• UI/component developers: contribute to the ui package, add new shadcn/ui components through the ui:add command, and share them across all workspaces.

How does Tiny Tools work?

From the repository root, developers first install all dependencies with pnpm i. Then pnpm dev starts the development servers for every app and package simultaneously, while pnpm build compiles all workspaces for deployment testing. Dependencies are added per workspace using pnpm add <package> --filter <workspace>, and shadcn/ui components are added to the shared library with pnpm run ui:add <name_from_shadcn_ui>.

FAQ

Is Tiny Tools free?

Yes, Tiny Tools is open-source. The GitHub repository is publicly available for anyone to clone, use, and contribute to, though no specific license is mentioned in the README. The project receives about 11 stars at the time of analysis, indicating a small but active community.

What does Tiny Tools do?

Tiny Tools is a monorepo that groups several web development tools and packages. Its main application, webstore-rank, provides historical information about Chrome extensions and search terms on the Chrome Web Store, while the other packages supply homepage, routing, UI components, and shared configuration.

Which technologies does Tiny Tools use?

The monorepo is built with Next.js for the web apps, React for UI components, TypeScript for static typing, Turborepo for build orchestration, and pnpm for package management. The UI library is bootstrapped with shadcn/ui, which also brings Tailwind CSS styling to the projects.

How do I add a new dependency?

For non-UI workspaces, run pnpm add <package> --filter <workspace> from the monorepo root. To add a shadcn/ui component to the shared UI library, run pnpm run ui:add <name_from_shadcn_ui> from the root. This keeps dependency management centralized.

Is Tiny Tools a single product or a collection?

It is a collection. The repository contains two applications (webstore-rank and web) plus support packages for URL rewriting, UI components, linting, and TypeScript configuration. It functions as both a set of live tools and a template for organizing future projects.