Clone the repository
You need a GitHub account with SSH keys configured. If you prefer HTTPS, use
https://github.com/gsinghjay/astro-shadcn-sanity.git instead.Install dependencies
npm install from the root installs dependencies for both the astro-app and studio packages.Configure environment variables
Create a Then open See Environment variables for the full list of available variables.
.env file inside the astro-app/ directory:astro-app/.env and fill in your Sanity project credentials at minimum:Start the development servers
| Server | URL | Description |
|---|---|---|
| Astro app | http://localhost:4321 | The frontend website |
| Sanity Studio | http://localhost:3333 | The CMS authoring interface |
Sign in to Sanity Studio
Open http://localhost:3333 and sign in with the same provider (Google, GitHub, or email) you used when creating your Sanity project.Once signed in, you can create and edit content that immediately reflects in the Astro app on the next build or hot reload.
Next steps
Prerequisites
Verify you have all required accounts and tools installed.
Environment variables
Explore all configuration options including Visual Editing and multi-site support.
Local development
Learn all available dev commands, test runners, and Storybook.
Block library
Understand how pages are built from reusable content blocks.