⬅ Back to Home

📌 Installation Guide

1️⃣ Prerequisites

• ✅ Node.js 20.12.2 – Download Here
• ✅ Angular CLI 19.0.6 – Installed globally via npm
• ✅ Capacitor CLI (For mobile support)

2️⃣ Download & Setup

After purchasing and downloading the TechPort – IT Startup & Portfolio Modern Angular 18 Template from TemplateMonster, extract the ZIP file.

📂 Folder Structure

/my-demo
  ├── src/
  ├── angular.json
  ├── package.json
  ├── README.md
  ├── ...
        

3️⃣ Install Dependencies

Open the extracted folder in the terminal and run:

npm install

If you face dependency issues, try:

npm install --legacy-peer-deps

4️⃣ Run the Project

Start the development server:

npm start

or

ng serve

🔹 Default URL: http://localhost:4200/

5️⃣ Build the Project

For production build, run:

npm run build

6️⃣ Run SSR (Server-Side Rendering)

To enable SSR:

npm run serve:ssr:my-demo

7️⃣ Deploying on Mobile (Capacitor Setup)

Initialize Capacitor:

npx cap init my-demo com.example.myapp

Add Platforms:

npx cap add android

npx cap add ios

Sync and Open the App:

npx cap sync

npx cap open android

npx cap open ios

8️⃣ Troubleshooting

• 🔹 Permission Issues? Run sudo npm install
• 🔹 Missing Dependencies? Try npm install --legacy-peer-deps

✅ You're all set! 🚀

Start building your Angular + Capacitor app today!