OptimAI
HTML

Get Started

Set up your OptimAI HTML development and production environment and run your first site locally.

Welcome to OptimAI HTML. This guide shows you how to set up your environment and run your first project locally.

Download and extract

  1. Download the OptimAI package from your purchase email or marketplace account.
  2. Extract the .zip file to your preferred location.

After extraction, you will see template folders such as:

  • ai-agency
  • ai-chatbot
  • ai-voiceover
  • ...and more

If you only want to preview a static version, open a project folder and double-click index.html. It will open in your browser.

These folders contain production-ready static files.
For development and customization, use the source code from the development files in the next steps.

Prerequisites

Before you begin, make sure you have:

  • Node.js (20 or higher) (Download)
  • Operating System: Windows, macOS, or Linux
  • Code editor: VS Code, Cursor, WebStorm, or any editor you prefer
  • Terminal/Command Line access

Get development code

Inside the extracted package, you will find DEVELOPMENT-FILES-LINK.pdf.

  1. Open the PDF file.
  2. Choose the template link you want to download.
  3. Download and extract the template .zip file.
  4. Open the extracted project folder in your code editor.

Install dependencies

Terminal
# Go to your project folder
cd [project-name]

# Install dependencies with bun (recommended)
bun install

# OR install dependencies with npm
npm install

# OR install dependencies with yarn
yarn install

# OR install dependencies with pnpm
pnpm install
You can use bun (recommended), npm, yarn, or pnpm. For best results, use only one package manager per project.

Start the development server

Terminal
bun run dev
# or
yarn dev
# or
npm run dev
# or
pnpm dev

You should see output similar to:

✓ Development server started
➜ Local:   http://localhost:5173/
➜ Network: http://192.168.1.x:5173/

Your OptimAI site is now available at http://localhost:5173/.

Command reference

  • bun install: Installs project dependencies
  • bun run dev: Starts the development server with hot reload
  • bun run build: Creates a production build
  • bun run preview: Previews the production build locally

You can also use the equivalent npm, yarn, or pnpm commands.

Verify your setup

After setup, confirm everything is working:

  1. Dev server is running: Open http://localhost:5173/
  2. Hot reload works: Make a small code change and confirm the page updates
  3. No console errors: Check browser developer tools

Next steps

Folder Structure

Understand how the OptimAI HTML project is organized.

Copyright © 2026