2 min read

Public APIs

Next.jstailwindcssradix-uitypescriptswr

Overview πŸ”—

Public APIs is a searchable directory that helps developers discover APIs for their projects. Users can search and filter entries by name, description, category, authentication requirement, HTTPS support, and CORS availability.

Why I Built This πŸ”—

I kept finding interesting APIs in public API lists but struggled to discover them efficiently. A searchable interface made it easier to compare the fields that matter when choosing an API.

Key Features πŸ”—

Search and Filter πŸ”—

Search API names and descriptions, then filter by category, authentication type, HTTPS support, or CORS availability.

Pagination πŸ”—

Browse the directory through paginated results and open the source documentation for each entry.

Responsive Grid Layout πŸ”—

API entries are displayed in a card grid that adapts to different screen sizes.

Dark Mode πŸ”—

The app supports light and dark themes and follows the system preference by default.

Product Hunt Recognition πŸ”—

The current site includes Product Hunt badges for the project’s original launch.

Build Notes πŸ”—

Cached Data Sources πŸ”—

The app fetches category and paginated list data from a configured publicapis.dev API with revalidation. The full resource view also reads GitHub-hosted JSON from the marcelscruz/public-apis repository through a cached server-side request.

Next.js Cache Components πŸ”—

The current codebase uses Next.js 16 Cache Components and partial prefetching. SWR handles interactive client-side requests where the UI needs to refetch data.

Tech Evolution πŸ”—

The project started with Chakra UI and later moved to Tailwind CSS and Radix UI primitives. The current implementation keeps the directory focused on search, filtering, and browsing.

Current Status πŸ”—

The codebase is actively maintained. Recent work upgraded Next.js and TypeScript and moved the data-fetching paths to the current Next.js caching model.