Sanity Astro Club

Sanity Astro Club is a free Astro template for showcasing and selling digital products, pairing a frontend built with Astro with an extendable Sanity Studio and a Polar API integration for generating checkout sessions.

What is Sanity Astro Club?

Sanity Astro Club is an open-source template that lets you display artworks or other digital products on a static Astro site while managing that content through Sanity Studio. It was originally a proof of concept by Codrops and Alex Tkachev, then extended by Soufiane with Sanity and Polar support. The repository uses a pnpm workspace with two folders: frontend for the Astro application and studio for Sanity Studio. The frontend builds to a static ./dist folder and can be deployed to any hosting provider, while the studio can be deployed to Sanity Cloud. The design is based on Alex Tkachev’s ‘Players Club’ Dribbble shot.

Key Features

• Astro frontend — The storefront is an Astro application that compiles to a static site; run pnpm run dev to start it at localhost:4321.
• Sanity Studio — An extendable Sanity Studio workspace runs at localhost:3333 in development and can be deployed to Sanity Cloud with pnpm --filter=studio run deploy.
• Polar checkout integration — A simple Polar API integration generates checkout sessions; configure your Polar API key and organisation ID in the Sanity Studio secret tab.
• PNPM workspace — The root package.json defines workspaces for frontend and studio, so pnpm install installs both projects at once.
• Environment configuration — Both folders include env.example files listing the relevant secrets that need to be filled.
• Webhook configuration — Set up a webhook to trigger rebuilds when content changes, as described in the configuration guide.
• MIT licensed — The template is released under the MIT license and is free to use.
• Codrops design — The visual design comes from Alex Tkachev’s Players Club Dribbble shot, with artwork content by Soufiane.

Who is it for?

• Digital product sellers — Sell artworks, fonts, or other downloadable products using Polar checkout links.
• Developers — Use it as a starter to learn how Astro, Sanity Studio, and Polar work together.
• Designers and artists — Showcase a portfolio of artwork with a design inspired by the Players Club UI animation.

What can you do with Sanity Astro Club?

• Artists — Display your artwork in a portfolio layout and connect a Polar checkout for each piece.
• Developers — Extend the template with cart functionality via Astro sessions, a planned next step listed in the repository.
• Content editors — Manage product listings, descriptions, and prices through the Sanity Studio interface.

How does Sanity Astro Club work?

1. Install dependencies with pnpm install.
2. Create a Polar account, add products, and create an API key with read/write access to checkout_links, checkouts, and products.
3. Add your Polar API key and Polar Organisation ID in the secret tab in Sanity Studio.
4. Start the dev servers with pnpm run dev — Astro on localhost:4321 and Sanity on localhost:3333.
5. Deploy the frontend to any host and deploy the studio to Sanity Cloud.

FAQ

Is Sanity Astro Club free?

Yes, the template is released under the MIT license, so it is free to use and modify. You still need your own Sanity and Polar accounts; both require separate sign-ups.

What integrations does Sanity Astro Club include?

It includes Astro for the static site, Sanity Studio for content management, and Polar for generating checkout sessions. A webhook can be configured to trigger rebuilds when content changes.

How do I deploy the Sanity Studio?

First log in to your Sanity account with npx sanity login, then run pnpm --filter=studio run deploy to deploy the studio to Sanity Cloud.