update installation page

Author: LadyBluenotes

src/routes/getting-started/installation.mdx

@@ -147,84 +147,54 @@ body {
 }
 ```
 
-
-
 ## 7. Add Build Scripts
 
-Update your `package.json` to include development and build scripts:
+Update your `package.json` to include the following scripts:
+- `dev` - Start the development server
+- `build` - Build the project for production
+- `start` - Start the production server
+-  `serve` - Preview the production build
 
 ```json
 {
+  //... 
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "start": "vite",
+    "serve": "vite preview"
   }
+  // ...
 }
 ```
 
 ## 8. Start Development Server
 
-Launch the development server:
-
-```sh title="npm" tab="package-manager"
-npm run dev
-```
-
-```sh title="pnpm" tab="package-manager"
-pnpm dev
-```
-
-```sh title="yarn" tab="package-manager"
-yarn dev
-```
-
-```sh title="bun" tab="package-manager"
-bun run dev
+```package-run
+dev
 ```
 
-The development server will start on `http://localhost:3000`. Open this URL in your browser to view your application.
+## 9. Open in Browser
 
-## Project Structure
-
-Your manually created Solid project should now have this structure:
-
-```
-solid-project/
-├── src/
-│   ├── App.jsx          # Root component
-│   ├── index.jsx        # Application entry point
-│   └── index.css        # Global styles
-├── index.html           # HTML template
-├── package.json         # Project configuration
-└── vite.config.js       # Vite build configuration
-```
+The development server will start on `http://localhost:3000`. Open this URL in your browser and begin developing your Solid application!
 
 ## TypeScript Setup (Optional)
 
 To add TypeScript support to your project:
 
 ### 1. Install TypeScript Dependencies
 
-```sh title="npm" tab="package-manager"
-npm install --save-dev typescript
-```
-
-```sh title="pnpm" tab="package-manager"
-pnpm add -D typescript
-```
-
-```sh title="yarn" tab="package-manager"
-yarn add --dev typescript
+```package-dev
+typescript
 ```
 
-```sh title="bun" tab="package-manager"
-bun add --dev typescript
+```sh title="npm" tab="package-manager"
+npm install --save-dev typescript
 ```
 
 ### 2. Create TypeScript Configuration
 
-Create a `tsconfig.json` file:
+Create a `tsconfig.json` file in your project root to configure TypeScript:
 
 ```json
 {
@@ -257,7 +227,7 @@ Rename your source files:
 - `src/index.jsx` → `src/index.tsx`
 - `src/App.jsx` → `src/App.tsx`
 
-Update the script tag in `index.html`:
+In addition to updating the file extensions, ensure that your import statements reflect the new file types in the `index.html` file:
 
 ```html
 <script src="/src/index.tsx" type="module"></script>
@@ -269,72 +239,5 @@ With your development environment ready:
 
 1. **Explore the generated code** in `src/App.jsx` or `src/App.tsx`
 2. **Modify components** and observe hot reloading in action
-3. **Review the [Basic Concepts](/concepts/intro-to-reactivity)** to understand Solid's reactivity system
-4. **Build your first component** following the [Getting Started guide](/getting-started/building-your-first-app)
-
-## Alternative Build Tools
-
-While Vite is the recommended build tool, Solid works with other bundlers:
-
-### Webpack Setup
-
-Install webpack and the Solid loader:
-
-```sh
-npm install --save-dev webpack webpack-cli webpack-dev-server babel-loader @babel/core @babel/preset-env babel-preset-solid
-```
-
-Create `webpack.config.js`:
-
-```javascript
-const path = require('path');
-
-module.exports = {
-  entry: './src/index.jsx',
-  mode: 'development',
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env', 'babel-preset-solid']
-          }
-        }
-      }
-    ]
-  },
-  resolve: {
-    extensions: ['.js', '.jsx']
-  },
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'bundle.js'
-  },
-  devServer: {
-    static: path.join(__dirname, 'public'),
-    port: 3000
-  }
-};
-```
-
-### Rollup Setup
-
-Install Rollup and the Solid plugin:
-
-```sh
-npm install --save-dev rollup @rollup/plugin-babel @rollup/plugin-node-resolve rollup-preset-solid
-```
-
-Create `rollup.config.js`:
-
-```javascript
-import { withSolid } from 'rollup-preset-solid';
-
-export default withSolid({
-  input: 'src/index.jsx',
-  targets: ['esm', 'cjs'],
-});
-```
+3. **Review the [Basic Concepts](/reactivity/basics)** to understand Solid's reactivity system
+4. Learn to **build your first component** with the [Basics of Components](/components/basics) guide