astro/examples/minimal
Caleb Jasik efb41f22c3
Add Astro <Debug/> component (#675)
* Initial MVP Debug component

* Document the prettifying of the input

* Just make `<Debug/>` a wrapper around `<Prism/>` lol

* feat: add details/summary debug component

* chore: remove Props (unused)

* fix: prefer `div` to semantic elements

* chore: format

* fix: prop-drill `class` into components

* fix: ensure `astro/components` are evaluated lazily

* feat(debug): export debug component from `astro/debug`

* fix: minimal example local snowpack config

* docs: add debugging docs

* chore: add changeset

* docs: update debug docs

Co-authored-by: Nate Moore <nate@skypack.dev>
2021-08-23 16:43:22 -04:00
..
public make example favicons prefer non-dark mode 2021-08-17 22:33:42 -07:00
src/pages make example favicons prefer non-dark mode 2021-08-17 22:33:42 -07:00
.gitignore Add minimal template (#1090) 2021-08-15 14:13:58 -05:00
.npmrc Add minimal template (#1090) 2021-08-15 14:13:58 -05:00
astro.config.mjs [ci] yarn format 2021-08-15 19:15:15 +00:00
package.json Add Astro <Debug/> component (#675) 2021-08-23 16:43:22 -04:00
README.md add dev script, switch documentation from advising start to dev script (#1141) 2021-08-18 22:07:08 -07:00

Astro

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
│   ├── robots.txt
│   └── favicon.ico
├── src/
│   └── pages/
│       └── index.astro
└── package.json

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the public/ directory.

🧞 Commands

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/

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.