From f51bab5f0c90143a0eef36e3da013938a78db56b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?O=C4=9Fuz=20Utku=20Y=C4=B1ld=C4=B1z?=
 <76889160+oguzutku1745@users.noreply.github.com>
Date: Fri, 26 Apr 2024 16:44:35 +0300
Subject: [PATCH] Update Create-Aleo-App

Installation commands updated depends on the current command usage. I created 2 PR to update some of the templates:

https://github.com/AleoHQ/sdk/pull/880
https://github.com/AleoHQ/sdk/pull/879
---
 .../aleo-sdk/create-aleo-app/installation.md  | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/build/leo/aleo-sdk/create-aleo-app/installation.md b/src/build/leo/aleo-sdk/create-aleo-app/installation.md
index 25267fe..64ce5ff 100644
--- a/src/build/leo/aleo-sdk/create-aleo-app/installation.md
+++ b/src/build/leo/aleo-sdk/create-aleo-app/installation.md
@@ -1 +1,32 @@
+# Create Aleo App
 # Installation
+
+<a href="https://www.npmjs.com/package/create-aleo-app"> <img alt="Create Aleo App" src="https://img.shields.io/npm/l/create-aleo-app?label=NPM%20-%20Create-Aleo-App&labelColor=green&color=blue" /></a>
+
+## Scaffolding Your First Aleo Project
+
+:::note
+**Compatibility:**
+[Node.js](https://nodejs.org/en/) version 18+
+:::
+
+With NPM:
+
+```bash
+npm create aleo-app@latest
+```
+
+1. Enter the project name.
+2. This will prompt you to choose a preferred framework from the following options:
+   - `React`
+   - `Node.js`
+   - `Vanilla (JavaScript)`
+
+3. If you choose `React` as your framework, the supported templates are:
+   - `JavaScript` + `Leo`
+   - `TypeScript` + `Leo`
+   - `TypeScript` + `Next.js`
+     
+## More Information
+
+Based off of create-vite: https://github.com/vitejs/vite/tree/main/packages/create-vite