Development

Follow these steps to install and set up the Orisa Nuxt project (Nuxt 4 + Vue 3 + TypeScript).


Installing NPM modules

Start by navigating to the directory where your Orisa folder is located. To execute the package.json file, use the command below:

npm install
Start Dev Server
npm run dev

The website will open in your browser at: http://localhost:3000

Build for Production
npm run build

Nuxt emits a production SPA under .output/. For static hosting prefer npm run generate, which writes deployable files to .output/public (Cloudflare Pages, Netlify, Vercel static…).

Preview Production Build
npm run preview
Static generate (recommended for demo hosts)
npm run generate

Deploy the contents of .output/public. SPA deep-link fallback is covered via public/_redirects and Nuxt 200.html.

package.json
    
        {
            "name": "orisa-nuxt",
            "private": true,
            "version": "1.0.0",
            "type": "module",
            "engines": { "node": ">=20" },
            "scripts": {
                "dev": "nuxt dev",
                "build": "nuxt build",
                "generate": "nuxt generate",
                "preview": "nuxt preview",
                "postinstall": "nuxt prepare"
            },
            "dependencies": {
                "bootstrap": "^5.3.3",
                "gsap": "^3.12.7",
                "isotope-layout": "^3.0.6",
                "nuxt": "^4.6.3",
                "swiper": "^11.2.5",
                "vue": "^3.5.44",
                "vue-router": "^5.4.0"
            },
            "devDependencies": {
                "@types/isotope-layout": "^3.0.14",
                "@vitejs/plugin-vue-jsx": "^5.0.1",
                "typescript": "^5.8.3"
            }
        }