Next.js

Get Started

Install dependencies, run the dev server, and build your Next.js project locally.

Welcome to Optim AI Next.js. This guide helps you run your Next.js project locally and understand its basic development workflow.

What is included

The Next.js package is a Next.js 16 marketing template for AI products. It includes:

marketing pages such as home, about, integration, testimonial, contact, login, and signup
markdown-driven blog, services ,use-case and many more sections
shared SEO metadata helpers
GSAP and Lenis-powered motion
Tailwind CSS 4 styling with TypeScript and React 19

Before you start, make sure you have:

After extracting your package, open your Next.js project folder in your editor.

Run one of these commands:

Terminal

bun install
# or
npm install
# or
yarn install
# or
pnpm install

Terminal

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

Open http://localhost:3000.

Terminal

bun run build
# or
npm run build
# or
yarn build
# or
pnpm build

Terminal

bun run start
# or
npm run start
# or
yarn start
# or
pnpm start

Script	What it does
`dev`	Starts the Next.js development server
`build`	Creates the production build
`start`	Runs the production server
`lint`	Runs ESLint

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

After setup, confirm:

http://localhost:3000 loads correctly
editing a component triggers hot reload
bun run build, npm run build, yarn build, or pnpm build succeeds without errors

Deployment

Deploy OptimAI production-ready or development files to Vercel.

Project Structure

Understand the folder layout of your Optim AI Next.js project.