Tinloof Astro Kit

A collection of Astro integrations, components, and tools by Tinloof

This is an official Turborepo monorepo used for developing and maintaining Tinloof's Astro packages.

Table

• Prerequisites
• Getting Started
• Included Packages
• Releasing
• Useful Links

Prerequisites

Before you begin, ensure you have the following installed:

• ✅ Node.js 20+
• ✅ pnpm 10+

Getting Started

1. Clone this repository

   git clone git@github.com:tinloof/astro-kit.git

2. Install dependencies:

   pnpm install

3. Start the development server:

   pnpm dev

Included Packages

Prefetch

Next.js-style prefetching for the ClientRouter: in-memory page cache the router swaps from, with a cursor-trajectory ("proximity") predictor that starts requests before hover fires. Try the live playground or run it locally from apps/playground (pnpm preview).

iOS Back Navigation Fix

Fixes the back button not working in iOS Chrome/Edge when using the ClientRouter for view transitions.

Releasing

Releases are managed with Changesets.

1. Create a changeset describing your changes:

   pnpm changeset

2. Merge to main. The release workflow opens a version PR; merging it publishes to npm.

Useful Links

• Astro Documentation
• Astro Integration API
• Turborepo Documentation
• Tinloof Website