Gatsby Advanced Pages

Wrapper around Gatsby’s createPage to add pagination, named routes, helpers, and routing utilities.

Skills

TypeScript Node.js Gatsby React Apollo GraphQL Jest Vitest Bootstrap Webpack GitHub Actions Semantic Release

Links

Github Repository NPM Package Homepage

Started

2019-07

Project Overview

Gatsby Advanced Pages is a thin layer over Gatsby’s createPage API that makes it easy to define pages and named routes, add pagination, and generate URLs—without hand-rolled boilerplate. It also ships a Link wrapper and a Pagination component for drop-in UIs.

Key Features

Pages config via pages.config.(yaml|json|js) or inline plugin options.
Page helpers to create dynamic page sets (e.g., blog indexes) with built-in pagination.
Named routes + URL generation (generatePath, navigate) from route names and params.
Components: Link (route-aware) and Pagination (with GraphQL fragment support).
Hooks: useRoute, useIsRoute for route checks and active state.
Boilerplate reduction: centralizes routes, standardizes pagination/URLs, and keeps templates small.

Why

Cuts repeated createPage boilerplate, centralizes routes, and standardizes pagination/URLs so templates stay small and maintainable.

Check out the project repository on Github for more info.