🐼 x 🚀 Astro Starter Kit: PandaCSS

Kickstart your journey with this stellar starter kit template, engineered to harness the power of PandaCSS alongside Astro. With its streamlined setup, it serves as the launchpad for your creativity, ready to be customized and tailored to your celestial preferences. Let's rocket your project to new heights! 🐼 x 🚀

# npm 6.x
npx create astro@latest --template eliancodes/pandacss-astro-startkit

# npm 7+
npx create astro@latest -- --template eliancodes/pandacss-astro-startkit

# pnpm
pnpm dlx create-astro --template eliancodes/pandacss-astro-startkit

# yarn
yarn create astro --template eliancodes/pandacss-astro-startkit

🚀 Project Integrations

PandaCSS

This Astro Starter Kit template provides PandaCSS. Panda is a styling engine that generates styling primitives to author atomic CSS and recipes in a type-safe and readable manner. PandaCSS

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run panda codegen	Generate new CSS utilities for your project based on the PandaCSS configuration file.
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro -- --help	Get help using the Astro CLI

3..2..1! Blast off into the cosmos with this stellar starter kit template, for Astro and PandaCSS! 🐼 x 🚀

@ElianCodes x @Carwack