🌖 The TAP Stack

Table of contents

• 🌖 What is the TAP Stack?
• 📦 Getting Started
• 📖 Guides
• 📝 Contributing
• ❤️ Acknowledgements

Philosophy

What is the TAP Stack?

The "TAP Stack" is a web development stack focused on simplicity & fast performance. It consists of:

• T:
• A:
• P:

Is this some kinda template?

Kind of. We love Astro and we strongly believe in the future of all the technologies mentioned above.

So we made The TAP Stack to do one thing, get you started with a deployable astro website as fast as possible.

Can I deploy it to platforms ?

Yes, this repo in itself is already deployed to following platforms:

• Vercel: [https://the-tap-stack.vercel.app]
• Netlify: [https://the-tap-stack.netlify.app]
• Cloudflare Pages: [https://the-tap-stack.pages.dev]

Getting Started

Using your package manager

You can use both npm

npm init astro -- --template codiume/the-tap-stack

Or yarn

yarn create astro -- --template codiume/the-tap-stack

Using Github interface

This template repo can be used to scaffold your astro website. Follow these steps to get started:

1. Go to [https://github.com/codiume/the-tap-stack]
2. Press the "Use this template" button at the top of this repo to create a new repo with the contents of this skeleton.
3. Clone the project to your local environment & Have fun creating your website.

Deploy with Vercel

You can also deploy directly this project to your Vercel account:

Project Structure

/
├── prisma/
│   └── schema.prisma
├── public/
├── src/
│   └── pages/
│       └── index.astro
│   └── components/
│       └── Article.astro
└── package.json

Guides

Setup a Prisma & Database

1. Create a database on PlanetScale
2. Copy DATABASE_URL from PlanetScale to your .env
3. Push your prisma schema to PlanetScale npx prisma db push

Contributing

Please see contributing.md for details.

Acknowledgements

The TAP Stack is inspired by t3 and all the amazing work Julius Marminge and the community is doing developing it.