Improve default app README.mdex (#4893)

packages/app-store-cli/src/CliApp.tsx

@@ -119,11 +119,11 @@ const BaseAppFork = {
     fs.writeFileSync(`${appDirPath}/config.json`, JSON.stringify(config, null, 2));
     fs.writeFileSync(
       `${appDirPath}/README.mdx`,
-      fs.readFileSync(`${appDirPath}/README.mdx`).toString().replace("_DESCRIPTION_", appDescription)
-    );
-    fs.writeFileSync(
-      `${appDirPath}/README.mdx`,
-      fs.readFileSync(`${appDirPath}/README.mdx`).toString().replace("_DESCRIPTION_", appDescription)
+      fs
+        .readFileSync(`${appDirPath}/README.mdx`)
+        .toString()
+        .replace(/_DESCRIPTION_/g, appDescription)
+        .replace(/_APP_DIR_/g, slug)
     );
     message = !editMode ? "Forked base app" : "Updated app";
     yield message;

packages/app-store/_baseApp/README.mdx

@@ -1,13 +1,12 @@
 ---
 description: _DESCRIPTION_
+items:
+  - /api/app-store/_APP_DIR_/1.jpg
+  - /api/app-store/_APP_DIR_/2.jpg
+  - /api/app-store/_APP_DIR_/3.jpg
 ---
-{/* Feel free to edit description or add other frontmatter. Frontmatter would be available in the components here as variables by same name */}
 
-<div>
+<Slider items={items} />
+
 {description}
-</div>
-<hr />
-<div style={{color:"gray", fontStyle:"italic"}} >
-	<div>Edit README.mdx file to update the content.</div>
-	<div>Edit config.json to update logo </div>
-</div>
+