fix builds

Author: LadyBluenotes

src/middleware/legacy-routes-redirect.ts

@@ -165,7 +165,7 @@ const LEGACY_ROUTES = {
 	"/guides/how-to-guides/routing-in-solid/solid-router":
 		"/routing/installation-and-setup",
 	"/guides/tutorials/getting-started-with-solid/installing-solid":
-		"/quick-start",
+		"/getting-started/quick-start",
 	"/references/concepts/reactivity": "/concepts/intro-to-reactivity",
 	"/references/concepts/reactivity/tracking":
 		"/concepts/intro-to-reactivity#subscribers",

src/routes/components/data.json

@@ -1,4 +1,4 @@
 {
 	"title": "Components",
-	"pages": ["intro.mdx", "how-to"]
+	"pages": ["intro.mdx", "how-to", "basics.mdx", "props.mdx"]
 }

src/routes/data.json

@@ -2,7 +2,6 @@
 	"title": "root",
 	"pages": [
 		"index.mdx",
-		"intro.mdx",
 		"getting-started",
 		"reactivity",
 		"components",

src/routes/getting-started/installation.mdx

@@ -8,7 +8,9 @@ This approach provides full control over your project setup and configuration.
 
 To see how to get started quickly, check out the [Quick Start Guide](/getting-started/quick-start).
 
-## 1. Create Project Directory
+## Manual Setup Guide
+
+### 1. Create Project Directory
 
 Create a new directory for your project and navigate into it:
 
@@ -17,7 +19,7 @@ mkdir solid-project
 cd solid-project
 ```
 
-## 2. Initialize Package Configuration
+### 2. Initialize Package Configuration
 
 Create a `package.json` file to manage dependencies and scripts:
 
@@ -37,7 +39,7 @@ yarn init -y
 bun init
 ```
 
-## 3. Install Solid and Build Tools
+### 3. Install Solid and Build Tools
 
 Install Solid as a dependency:
 
@@ -52,7 +54,7 @@ Vite is the recommended build tool for Solid projects due to its speed and ease
 vite vite-plugin-solid
 ```
 
-## 4. Configure Vite
+### 4. Configure Vite
 
 To configure Vite for Solid, create a `vite.config.js` file in your project root:
 
@@ -71,7 +73,7 @@ export default defineConfig({
 });
 ```
 
-## 5. Create HTML Template
+### 5. Create HTML Template
 
 Create an `index.html` file in your project root:
 
@@ -92,7 +94,7 @@ Create an `index.html` file in your project root:
 </html>
 ```
 
-## 6. Create Source Directory and Files
+### 6. Create Source Directory and Files
 
 Create the source directory and core application files:
 
@@ -147,7 +149,7 @@ body {
 }
 ```
 
-## 7. Add Build Scripts
+### 7. Add Build Scripts
 
 Update your `package.json` to include the following scripts:
 - `dev` - Start the development server
@@ -168,30 +170,26 @@ Update your `package.json` to include the following scripts:
 }
 ```
 
-## 8. Start Development Server
+### 8. Start Development Server
 
 ```package-run
 dev
 ```
 
-## 9. Open in Browser
+### 9. Open in Browser
 
 The development server will start on `http://localhost:3000`. Open this URL in your browser and begin developing your Solid application!
 
-## TypeScript Setup (Optional)
+## TypeScript Setup
 
 To add TypeScript support to your project:
 
 ### 1. Install TypeScript Dependencies
 
-```package-dev
+```package-install-dev
 typescript
 ```
 
-```sh title="npm" tab="package-manager"
-npm install --save-dev typescript
-```
-
 ### 2. Create TypeScript Configuration
 
 Create a `tsconfig.json` file in your project root to configure TypeScript:
@@ -229,7 +227,7 @@ Rename your source files:
 
 In addition to updating the file extensions, ensure that your import statements reflect the new file types in the `index.html` file:
 
-```html
+```html title="index.html"
 <script src="/src/index.tsx" type="module"></script>
 ```
 

src/ui/layout/hero.tsx

@@ -30,7 +30,7 @@ export const Hero: Component = () => {
 		if (isMeta()) {
 			return "solid-meta/getting-started/installation-and-setup";
 		}
-		return "/quick-start";
+		return "/getting-started/quick-start";
 	});
 
 	const i18n = useI18n();