npm create astro@latest -- --template minimal
npm run astro add react
npm run astro add tailwind
npm install @radix-ui/react-alert-dialog
npm install tailwindcss-animate class-variance-authority clsx tailwind-merge lucide-react
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
├── src/
│ └── pages/
│ └── index.astro
└── package.json
└── astro.config.mjs
└── tailwind.config.cjs
└── tsconfig.json
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:3000
|
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 |
Feel free to check our documentation or jump into our Discord server.