|
1 | 1 | --- |
2 | 2 | title: Tutorial |
3 | | -description: Step-by-step walkthrough of deploying a full-stack Motoko and React app on the Internet Computer. |
| 3 | +description: Step-by-step walkthrough of deploying a fullstack Motoko and React app on the Internet Computer. |
4 | 4 | --- |
5 | 5 |
|
6 | | -This tutorial walks through deploying a full-stack app on the Internet Computer, explaining each step along the way. |
| 6 | +This tutorial walks through deploying a fullstack app on the Internet Computer, explaining each step along the way. |
7 | 7 |
|
8 | | -> **Already did the Quickstart?** This tutorial covers the same steps with detailed explanations. The Quickstart used `--define` flags to skip the interactive prompts — here you'll see what those prompts are and what they mean. |
| 8 | +> **Already did the Quickstart?** This tutorial covers the same steps with detailed explanations. The Quickstart used `--silent` to skip the interactive prompts — here you'll see what those prompts are and what they mean. |
9 | 9 |
|
10 | 10 | ## What is a Canister? |
11 | 11 |
|
@@ -49,31 +49,29 @@ mops --version |
49 | 49 | ## Create a Project |
50 | 50 |
|
51 | 51 | ```bash |
52 | | -icp new my-project |
| 52 | +icp new hello-icp |
53 | 53 | ``` |
54 | 54 |
|
55 | 55 | You'll see three prompts: |
56 | 56 |
|
57 | | -**1. Template selection** — Choose `hello-world` for a full-stack app with backend and frontend. |
| 57 | +**1. Template selection** — Choose `hello-world` for a fullstack app with backend and frontend. |
58 | 58 |
|
59 | 59 | **2. Backend language** — Choose `motoko` (or `rust` if you prefer). |
60 | 60 |
|
61 | 61 | **3. Network type** — Choose `Default` for native local networks. On Windows, Docker is always used regardless of this setting. |
62 | 62 |
|
63 | | -> **Tip:** The Quickstart skipped these prompts using `--define` flags: |
| 63 | +> **Tip:** The Quickstart skipped these prompts using `--silent`, which applies the template's default values: |
64 | 64 | > ```bash |
65 | | -> icp new my-project --subfolder hello-world \ |
66 | | -> --define backend_type=motoko \ |
67 | | -> --define frontend_type=react \ |
68 | | -> --define network_type=Default |
| 65 | +> icp new hello-icp --subfolder hello-world --silent && cd hello-icp |
69 | 66 | > ``` |
| 67 | +> To override a default, add `--define <placeholder>=<value>` (for example, `--define backend_type=rust`). |
70 | 68 |
|
71 | 69 | Templates are fetched from the [icp-cli-templates](https://github.com/dfinity/icp-cli-templates) repository by default. You can also [create your own templates](guides/creating-templates.md). |
72 | 70 |
|
73 | 71 | Enter the project directory: |
74 | 72 |
|
75 | 73 | ```bash |
76 | | -cd my-project |
| 74 | +cd hello-icp |
77 | 75 | ``` |
78 | 76 |
|
79 | 77 | Your project contains: |
@@ -181,7 +179,7 @@ icp network stop |
181 | 179 |
|
182 | 180 | ## Next Steps |
183 | 181 |
|
184 | | -You've deployed a full-stack app on the Internet Computer! Continue your journey: |
| 182 | +You've deployed a fullstack app on the Internet Computer! Continue your journey: |
185 | 183 |
|
186 | 184 | - [Local Development](guides/local-development.md) — Learn the day-to-day development workflow |
187 | 185 | - [Deploying to Mainnet](guides/deploying-to-mainnet.md) — Go live on the Internet Computer |
|
0 commit comments