How do I install XENOVA step by step?

Install and run

1. Download the ZIP from your DEV3 account and unzip it.

2. Open a terminal in the unzipped folder and install the dependencies:

   npm install

3. Start the development server:

   npm run dev

   The dev script uses port 3200; open that port on your machine in a browser and scroll through the eight chapters. Change the -p 3200 flag in package.json if the port is taken.

4. Optional checks: npm run typecheck and npm run lint.

Build for production

npm run build
npm run start

npm run build produces a standard Next.js production build that npm run start serves.

Deploy to Vercel

Push the folder to a Git repository and import it in Vercel. The defaults (framework Next.js, build command npm run build) work as is; there are no environment variables to set.

Deploy as a static site

The template can be exported to plain HTML, CSS and JavaScript for any static host (Netlify, Cloudflare Pages, S3, an Nginx folder). next.config.ts switches to static export when DEMO_EXPORT_BASE is set to the sub-path the site will live under:

DEMO_EXPORT_BASE=/xenova npx next build

The site is written to out/; upload that folder so it is served at the same sub-path. The included build:demo script is the one used for the DEV3 live demo. It also sets NEXT_PUBLIC_DEMO_DOWNLOAD_URL, which shows a small "Get this template" badge, so leave that variable unset for your own site.