The TAP Stack

The TAP Stack is an Astro starter template that bundles TypeScript, Tailwind CSS, Prisma, and PlanetScale into a minimal, deployable website scaffold.

What is the TAP Stack?

The TAP Stack is an opinionated web development stack and starter template maintained by codiume, built on Astro, TypeScript, Tailwind CSS, Prisma, and PlanetScale. As a GitHub template, it accepts either the npm init astro -- --template codiume/the-tap-stack command or a "Use this template" click, and outputs a working Astro project with a preconfigured Prisma schema and a minimal page structure. The project is inspired by the t3 stack and is designed to get a deployable website running as fast as possible.

Key Features

• Astro framework — The site is built on Astro, which renders static pages with zero JavaScript by default and supports component islands for interactivity.
• TypeScript — The template is set up with TypeScript for type-safe development across the codebase.
• Tailwind CSS — Utility-first styling is included through Tailwind CSS, ready to use in Astro components.
• Prisma ORM — A prisma/schema.prisma file is provided, and the setup expects a PlanetScale database connection via the DATABASE_URL environment variable, synced with npx prisma db push.
• PlanetScale integration — The stack pairs Prisma with PlanetScale, a serverless MySQL database platform, for a full-stack data layer.
• Multiple deployment targets — The repository is already deployed to Vercel, Netlify, and Cloudflare Pages, and a one-click Vercel deploy button is supported with the DATABASE_URL environment variable.
• Minimal project structure — The scaffold includes src/pages/index.astro, src/components/Article.astro, and a public folder, keeping the starting point small and easy to understand.

Who is it for?

• Astro developers who want a production-ready starter without configuring TypeScript, Tailwind, and Prisma from scratch.
• Full-stack developers who need a database-connected Astro site and prefer PlanetScale's serverless MySQL workflow.
• Developers evaluating deployment platforms who want a template that runs unchanged on Vercel, Netlify, and Cloudflare Pages.
• Open-source contributors looking for a small, readable codebase to extend with their own pages and components.

What can you do with the TAP Stack?

• Scaffold a new Astro site: Run npm init astro -- --template codiume/the-tap-stack or use the GitHub "Use this template" button to generate a new repository with the starter files.
• Connect a database: Create a PlanetScale database, copy its DATABASE_URL into your .env file, and push the Prisma schema with npx prisma db push.
• Deploy instantly: Use the Vercel one-click deploy button, which clones the repo and prompts for the DATABASE_URL environment variable, or deploy manually to Netlify or Cloudflare Pages.

How does the TAP Stack work?

The template provides a minimal Astro project with a Prisma schema already defined. Getting started involves three steps: create a database on PlanetScale, copy the DATABASE_URL to your environment file, and run npx prisma db push to sync the schema. From there you have a working Astro site connected to a database, ready to build on.

FAQ

Is the TAP Stack free to use?

Yes. The template is a public GitHub repository under the codiume organization, so you can clone it, use it as a template, or deploy it without any license fees. The underlying tools — Astro, TypeScript, Tailwind CSS, Prisma, and PlanetScale — have their own pricing models, but the template itself is free.

What does the TAP Stack include?

It includes an Astro project with TypeScript and Tailwind CSS preconfigured, a Prisma schema file, a single page at src/pages/index.astro, and a reusable Article.astro component. It does not include routing, blog, or dashboard pages out of the box.

Can I deploy the TAP Stack to Cloudflare Pages?

Yes. The repository itself is already live at https://the-tap-stack.pages.dev, proving Cloudflare Pages compatibility. You can also deploy to Vercel and Netlify, with one-click Vercel deployment available.