This guide walks you through cloning the GCS Consultores Empresariales website repository, installing dependencies, configuring the required environment variables, and launching the local development server. By the end you will have the full Next.js 16 application — including the Sally AI assistant, the CRM lead form, and all six strategic centers — running atDocumentation Index
Fetch the complete documentation index at: https://mintlify.com/gcsconsultores/gcs-website/llms.txt
Use this file to discover all available pages before exploring further.
http://localhost:3000.
Prerequisites
Before you begin, make sure the following are available on your machine:- Node.js 18+ — The app targets the Node.js runtime expected by Next.js 16. Use nvm or fnm to manage versions.
- pnpm — Preferred package manager; a
pnpm-lock.yamllockfile is committed to the repository. npm and Yarn are also supported. - Git — Required to clone the repository.
Setup Steps
Install dependencies
Install all Node.js dependencies. pnpm is recommended because the committed lockfile (
pnpm-lock.yaml) guarantees reproducible installs.Configure environment variables
Create a
.env.local file at the project root. The site reads the following variables at build time and runtime:| Variable | Required | Purpose |
|---|---|---|
CRM_API_URL | Production only | Base URL for the CRM lead submission API |
CRM_API_KEY | Production only | Authentication key for the CRM API |
CRM_API_URL and CRM_API_KEY are optional during local development — the contact form will still render and validate, but lead submissions will fail gracefully without a connected CRM endpoint. The Sally AI assistant relies on the Vercel AI Gateway, which is zero-config in Vercel and v0 environments. For production deployments outside Vercel, you must supply the appropriate AI Gateway credentials separately.Start the development server
Launch the Next.js development server with hot module replacement:Once the server starts, open your browser and navigate to:You should see the GCS Consultores Empresariales homepage with the Hero section, Solutions, Sectors, Strategic Centers, Insights, and the Sally AI chat widget active in the bottom corner.
Available Scripts
All scripts are defined inpackage.json and can be run with pnpm, npm, or Yarn:
| Script | Command | Description |
|---|---|---|
dev | pnpm dev | Starts Next.js in development mode with HMR at localhost:3000 |
build | pnpm build | Compiles and optimizes the application for production |
start | pnpm start | Runs the production build (requires build first) |
lint | pnpm lint | Runs ESLint across the entire project |
Next Steps
Architecture
Deep-dive into the component-oriented page structure, the App Router layout, and how sections are assembled in
app/page.tsx.Site Data
Understand the single-source-of-truth pattern in
lib/site-data.ts and learn how to add or modify content without touching JSX.