This is the code that the Soroban Getting Started tutorial creates.

As an added bonus, this repository can also be used as a template for new Astro Soroban projects! To create a new project using this as a template, run the following:

npm create astro@latest -- --template AhaLabs/soroban-tutorial-project#template 

Note: the previous command specifies to use the template branch of this repository. That is so that your new project only includes necessary boilerplate, and a hello-soroban contract, instead of also including an incrementor contract and some additional front end components.

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

/ ├── contracts │   └── hello-soroban │   ├── src │   │   ├── lib.rs │   │   └── test.rs │   └── Cargo.toml ├── public │   └── favicon.svg ├── src │   ├── components │   │   ├── Card.astro │   │   └── ConnectFreighter.astro │   ├── layouts │   │   └── Layout.astro │   ├── pages │   │   └── index.astro │   ├── env.d.ts │   └── wallet.ts ├── Cargo.lock ├── Cargo.toml ├── README.md ├── astro.config.mjs ├── package.json └── tsconfig.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.

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