### Frontend Setup and Server Start Source: https://github.com/vercel/examples/blob/main/python/vibe-coding-ide/README.md Steps to set up the frontend development server, including installing Node.js dependencies and starting the development server. ```bash # in a separate terminal cd frontend npm i npm run dev ``` -------------------------------- ### Backend Setup and Server Start Source: https://github.com/vercel/examples/blob/main/python/vibe-coding-ide/README.md Steps to set up the backend environment, including Vercel linking, environment variable management, virtual environment creation, dependency installation, and starting the Python server. ```bash cd backend vercel link vercel env pull # or manually set env vars # cat .env.example > .env python -m venv .venv source .venv/bin/activate pip install -r requirements.txt python server.py ``` -------------------------------- ### Install Dependencies and Start Dev Server Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/hydrogen/README.md After creating the project, navigate to the directory, install dependencies, and start the development server. ```bash npm install npm run dev ``` -------------------------------- ### Install Dependencies and Create New Example Source: https://github.com/vercel/examples/blob/main/README.md Commands to install project dependencies and generate a new example structure. ```bash pnpm i pnpm new-example ``` -------------------------------- ### Bootstrap Example with create-next-app Source: https://github.com/vercel/examples/blob/main/app-directory/css-in-js/README.md Use this command to quickly set up the project by cloning the example repository. Ensure you have pnpm installed. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/app-directory/css-in-js ``` -------------------------------- ### Install Dependencies and Run Locally Source: https://github.com/vercel/examples/blob/main/apps/vibe-coding-platform/README.md Install project dependencies and start the local development server. ```bash pnpm install pnpm dev ``` -------------------------------- ### Install Dependencies and Start Local Development Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/express-bun/README.md Installs project dependencies using Bun and starts the local development server with Vercel CLI. ```bash bun install vc dev ``` -------------------------------- ### Install Dependencies and Start Development Server Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/sveltekit/README.md Install project dependencies using pnpm and start the development server. Use the --open flag to automatically open the application in a new browser tab. ```bash pnpm install pnpm run dev # or start the server and open the app in a new browser tab pnpm run dev -- --open ``` -------------------------------- ### Install Dependencies and Start Development Server Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/hugo/themes/ananke/src/readme.md Navigate to the theme's SRC directory, install dependencies using Yarn, and start the development server with npm start. This command processes PostCSS and scripts for development. ```bash cd themes/gohugo-theme-ananke/src/ yarn install npm start ``` -------------------------------- ### Start Development Server with Bun Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/nitro-bun/README.md Run this command after installing dependencies to start the local development server. ```bash bun install bun run dev ``` -------------------------------- ### Bootstrap Example with create-next-app Source: https://github.com/vercel/examples/blob/main/edge-middleware/redirects-bloom-filter/README.md Use this command to quickly set up the Next.js project with the example pre-configured. This is the recommended way to start if you want to clone and deploy. ```bash npx create-next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/redirects-bloom-filter ``` -------------------------------- ### Clone the repository Source: https://github.com/vercel/examples/blob/main/microfrontends/nextjs-multi-zones/README.md Clone the example repository to your local machine to get started. ```bash git clone https://github.com/vercel/examples cd microfrontends/nextjs-multi-zones ``` -------------------------------- ### Install Dependencies and Run Locally Source: https://github.com/vercel/examples/blob/main/starter/fastify/README.md Installs necessary packages and starts the local development server using Vercel CLI. ```bash npm i npm i -g vercel@latest vercel dev ``` -------------------------------- ### Bootstrap Next.js Example with pnpm Source: https://github.com/vercel/examples/blob/main/edge-middleware/feature-flag-apple-store/README.md Use this command to quickly set up the Next.js project with the feature flag example. Ensure you have pnpm installed. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/feature-flag-apple-store ``` -------------------------------- ### Bootstrap Example with create-next-app Source: https://github.com/vercel/examples/blob/main/edge-middleware/geolocation-script/README.md Use the create-next-app CLI with pnpm to quickly set up the geolocation-script example. This command fetches the example directly from the specified GitHub repository. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/geolocation-script geolocation-script ``` -------------------------------- ### Bootstrap Next.js Example with pnpm Source: https://github.com/vercel/examples/blob/main/edge-middleware/feature-flag-split/README.md Use this command to quickly set up the Next.js project with the Split integration example. Ensure you have pnpm installed. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/feature-flag-split feature-flag-split ``` -------------------------------- ### Install Local UI Package Source: https://github.com/vercel/examples/blob/main/internal/packages/ui/README.md Install a locally packed version of the UI package into an example project. ```bash npm i $(npm pack ../../internal/packages/ui | tail -1) ``` -------------------------------- ### Clone Postgres SvelteKit Example Source: https://github.com/vercel/examples/blob/main/storage/postgres-sveltekit/README.md Use this command to download the example project locally. Ensure you have degit installed or use npx. ```bash npx degit@latest https://github.com/vercel/examples/storage/postgres-sveltekit my-project ``` -------------------------------- ### Install Dependencies and Run Preact App Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/preact/README.md Install project dependencies, start a development server with hot reload, or build for production. ```bash npm install npm run dev npm run build ``` -------------------------------- ### Install Vercel CLI and Start Development Server Source: https://github.com/vercel/examples/blob/main/solutions/slackbot/README.md Use these commands to install the Vercel CLI globally and start a local development server on port 3000. This is useful for testing the Slackbot locally. ```sh pnpm i -g vercel pnpm vercel dev --listen 3000 --yes ``` -------------------------------- ### Bootstrap Example with pnpm Source: https://github.com/vercel/examples/blob/main/cdn/custom-error-pages-public-dir/README.md Use this command to bootstrap the Next.js example with pnpm. This command fetches the example from the specified GitHub repository. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/cdn/custom-error-pages-public-dir ``` -------------------------------- ### Bootstrap Example with create-next-app Source: https://github.com/vercel/examples/blob/main/edge-middleware/modify-request-header/README.md Use this command to quickly set up the project with the necessary dependencies and configuration for the modify-request-header example. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/modify-request-header modify-request-header ``` -------------------------------- ### Install Dependencies and Run Development Server Source: https://github.com/vercel/examples/blob/main/edge-middleware/clerk-authentication/README.md Installs project dependencies and starts the Next.js development server. Use npm or Yarn. ```bash npm install npm run dev # or yarn yarn dev ``` -------------------------------- ### Install Dependencies and Run Dev Server Source: https://github.com/vercel/examples/blob/main/apps/vibe-coding-platform/ai/tools/run-command.md Installs dependencies with `wait: true` to ensure completion before starting the development server with `wait: false`. ```json { "command": "pnpm", "args": ["install"], "wait": true } ``` ```json { "command": "pnpm", "args": ["run", "dev"], "wait": false } ``` -------------------------------- ### Bootstrap Example with create-next-app Source: https://github.com/vercel/examples/blob/main/solutions/auth-with-ory/README.md Use this command to bootstrap the example project using create-next-app with npm or Yarn. ```bash npx create-next-app --example https://github.com/ory/kratos-nextjs-react-example auth-with-ory # or yarn create next-app --example https://github.com/ory/kratos-nextjs-react-example auth-with-ory ``` -------------------------------- ### Create Next App with Blog Example Source: https://github.com/vercel/examples/blob/main/solutions/blog/README.md Bootstrap a Next.js application with the portfolio blog starter example using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/blog blog ``` -------------------------------- ### Clone Redis SvelteKit Example Source: https://github.com/vercel/examples/blob/main/storage/kv-redis-sveltekit/README.md Use this command to download the example project locally. Ensure you have degit installed or use npx. ```bash npx degit@latest https://github.com/vercel/examples/storage/kv-redis-sveltekit my-project ``` -------------------------------- ### Start Test Server Source: https://github.com/vercel/examples/blob/main/solutions/testing/README.md Build and start the test server that will be used by the tests. ```bash pnpm test-server ``` -------------------------------- ### Install and Deploy Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/hono/README.md Install dependencies and deploy the application to Vercel. ```bash npm install vc deploy ``` -------------------------------- ### Clone and Deploy Next.js Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/redirects-upstash/README.md Bootstrap the example project using create-next-app with npm, pnpm, or Yarn. This command fetches the example repository and sets up a new Next.js application. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/redirects-upstash redirects-upstash ``` -------------------------------- ### Install and Build Locally Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/hono/README.md Install dependencies and build the application for local deployment. ```bash npm install vc build ``` -------------------------------- ### Bootstrap Next.js App with Postgres + Kysely Example Source: https://github.com/vercel/examples/blob/main/storage/postgres-kysely/README.md Use this command to create a new Next.js application pre-configured with the Postgres and Kysely example. Ensure you have pnpm installed. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/storage/postgres-kysely ``` -------------------------------- ### Install Dependencies and Run Dev Server Source: https://github.com/vercel/examples/blob/main/edge-middleware/ab-testing-statsig/README.md Install project dependencies using npm or Yarn, and then start the Next.js development server. This command is used after setting up environment variables. ```bash npm install npm run dev ``` ```bash yarn yarn dev ``` -------------------------------- ### Bootstrap Next.js Example Source: https://github.com/vercel/examples/blob/main/solutions/raw-body-functions/README.md Use create-next-app to bootstrap the example project. This command clones the repository and sets up the Next.js application. ```bash npx create-next-app --example https://github.com/vercel/examples/tree/main/solutions/raw-body-functions raw-body-functions # or yarn create next-app --example https://github.com/vercel/examples/tree/main/solutions/raw-body-functions raw-body-functions ``` -------------------------------- ### Bootstrap Example with create-next-app Source: https://github.com/vercel/examples/blob/main/edge-middleware/json-response/README.md Use this command to clone and set up the Next.js project with the JSON response Edge Middleware example. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/json-response json-response ``` -------------------------------- ### Clone Example Repository Source: https://github.com/vercel/examples/blob/main/storage/blob-sveltekit/README.md Use degit to download the example repository into a local folder. This is the first step for manual deployment. ```bash npx degit@latest https://github.com/vercel/examples/storage/blob-sveltekit my-project ``` -------------------------------- ### Run Django App Locally Source: https://github.com/vercel/examples/blob/main/python/django-notes/README.md Installs dependencies, applies database migrations, and starts the Django development server. Assumes you have 'uv' installed. ```bash uv sync uv run python manage.py migrate uv run python manage.py runserver ``` -------------------------------- ### Run Next.js in Development Mode Source: https://github.com/vercel/examples/blob/main/app-directory/share-state/README.md After bootstrapping the example, use this command to start the Next.js development server. ```bash pnpm dev ``` -------------------------------- ### Bootstrap Example with pnpm Source: https://github.com/vercel/examples/blob/main/solutions/testing/README.md Use this command to bootstrap the Next.js example project with pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/testing testing ``` -------------------------------- ### Create Next App with A/B Testing Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/ab-testing-simple/README.md Bootstrap the A/B testing example project using create-next-app with pnpm. This command clones the example repository and sets up a new Next.js application. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/ab-testing-simple ab-testing-simple ``` -------------------------------- ### Install UI Package Source: https://github.com/vercel/examples/blob/main/internal/packages/ui/README.md Install the @vercel/examples-ui package using npm, pnpm, or yarn. ```bash npm i @vercel/examples-ui # or pnpm i @vercel/examples-ui # or yarn add @vercel/examples-ui ``` -------------------------------- ### Bootstrap Example with pnpm Source: https://github.com/vercel/examples/blob/main/cdn/custom-error-pages-app-dir/README.md Use this command to bootstrap the Next.js example with pnpm. This command clones the repository and sets up the project. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/cdn/custom-error-pages-app-dir ``` -------------------------------- ### Create Next App with Cookie Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/cookies/README.md Bootstrap the Next.js cookie example project using pnpm. This command clones the example repository and sets up a new Next.js application. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/cookies cookies ``` -------------------------------- ### Create Next.js App with DynamoDB Example Source: https://github.com/vercel/examples/blob/main/solutions/aws-dynamodb/README.md Bootstrap a new Next.js application with the AWS DynamoDB example using pnpm. This command fetches the example repository and sets up the project structure. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/aws-dynamodb ``` -------------------------------- ### Create Next App with Crypto Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/crypto/README.md Bootstrap a Next.js application with the crypto edge example using pnpm. This command clones the example repository and sets up the project. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/crypto crypto ``` -------------------------------- ### Create Next.js App with Example Source: https://github.com/vercel/examples/blob/main/cdn/cms-webhook-update-redirects/README.md Bootstrap a new Next.js project using a specific example from a GitHub repository. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/cdn/cms-webhook-update-redirects ``` -------------------------------- ### Bootstrap Next.js Example with pnpm Source: https://github.com/vercel/examples/blob/main/solutions/image-offset/README.md Use this command to clone and bootstrap the Next.js image offset example using pnpm. It initializes a new Next.js application with the specified example repository. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/image-offset image-offset ``` -------------------------------- ### Bootstrap Next.js Example with pnpm Source: https://github.com/vercel/examples/blob/main/edge-middleware/power-parity-pricing/README.md Use this command to bootstrap the Next.js application with the power-parity-pricing example using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/power-parity-pricing power-parity-pricing ``` -------------------------------- ### Bootstrap Example with pnpm Source: https://github.com/vercel/examples/blob/main/solutions/subdomain-auth/README.md Use this command to create a new Next.js application bootstrapped with the subdomain-auth example using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/subdomain-auth subdomain-auth ``` -------------------------------- ### Bootstrap Example with pnpm Source: https://github.com/vercel/examples/blob/main/app-directory/share-state/README.md Use this command to create a new Next.js application bootstrapped with this example using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/app-directory/share-state ``` -------------------------------- ### Create Next App with DataDome Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/bot-protection-datadome/README.md Bootstrap a new Next.js application with the DataDome bot protection example using pnpm. This command clones the example repository and sets up the project structure. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/bot-protection-datadome bot-protection-datadome ``` -------------------------------- ### Build and Start Storybook in Production Mode Source: https://github.com/vercel/examples/blob/main/solutions/testing/README.md Build Storybook for production and start a local server to preview the production build. ```bash pnpm build && pnpm start ``` -------------------------------- ### Install Frontend Dependencies Source: https://github.com/vercel/examples/blob/main/go/next-go-monorepo/README.md Navigate to the frontend directory and install its npm dependencies before running the development server. ```bash cd frontend npm install ``` -------------------------------- ### Install Dependencies and Deploy Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/express-bun/README.md Installs project dependencies using Bun and deploys the application using Vercel CLI. ```bash bun install vc deploy ``` -------------------------------- ### Bootstrap Next.js Example with pnpm Source: https://github.com/vercel/examples/blob/main/solutions/script-component-ad/README.md Use this command to bootstrap the Next.js example project from a GitHub repository using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/script-component-ad ``` -------------------------------- ### Create Next App with Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/geolocation-country-block/README.md Bootstrap a new Next.js application with this geolocation country block example using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/geolocation-country-block geolocation-country-block ``` -------------------------------- ### Bootstrap Next.js App with Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/power-parity-pricing-strategies/README.md Use this command to create a new Next.js application pre-configured with the Power Parity Pricing Strategies example. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/power-parity-pricing-strategies power-parity-pricing-strategies ``` -------------------------------- ### Clone the Express.js Example Repository Source: https://github.com/vercel/examples/blob/main/solutions/express/README.md Clone the repository to your local machine to start using the Express.js example. ```bash git clone https://github.com/vercel/examples/tree/main/solutions/express ``` -------------------------------- ### Install Dependencies and Run Flask Locally Source: https://github.com/vercel/examples/blob/main/python/flask/README.md Installs Vercel CLI, sets up a Python virtual environment, installs Flask and Gunicorn, and starts the Flask application locally using Gunicorn. ```bash npm i -g vercel python -m venv .venv source .venv/bin/activate uv sync # or alternatively pip install flask gunicorn gunicorn main:app ``` -------------------------------- ### Bootstrap Next.js App with Web3 Auth Example Source: https://github.com/vercel/examples/blob/main/solutions/web3-authentication/README.md Use this command to quickly set up a new Next.js project with the web3 authentication example pre-configured. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/web3-authentication ``` -------------------------------- ### Create Next App with Web3 Data Fetching Example Source: https://github.com/vercel/examples/blob/main/solutions/web3-data-fetching/README.md Bootstrap a new Next.js project using the web3-data-fetching example from GitHub. This command initializes the project with all necessary configurations. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/web3-data-fetching ``` -------------------------------- ### Bootstrap Next.js App with Cron Example Source: https://github.com/vercel/examples/blob/main/solutions/cron/README.md Use this command to create a new Next.js application pre-configured with the Vercel Cron Job example. Ensure you have pnpm installed. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/cron cron ``` -------------------------------- ### Navigate to Project Directory Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/eleventy/README.md Change into the cloned project directory to begin configuration. ```bash cd my-blog-name ``` -------------------------------- ### Bootstrap Next.js App with Upstash Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/rewrites-upstash/README.md Use this command to create a new Next.js application pre-configured with the Upstash edge rewriting example. Ensure you have pnpm installed. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/rewrites-upstash rewrites-upstash ``` -------------------------------- ### Bootstrap Next.js App with Neptune Analytics Example Source: https://github.com/vercel/examples/blob/main/solutions/aws-neptune-analytics/README.md Use this command to create a new Next.js application pre-configured with the AWS Neptune Analytics example. Ensure you have pnpm installed. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/aws-neptune-analytics ``` -------------------------------- ### Bootstrap Next.js Example with Yarn Source: https://github.com/vercel/examples/blob/main/edge-middleware/ab-testing-statsig/README.md Use this command to create a new Next.js project bootstrapped with the Statsig A/B testing example from GitHub using Yarn. This is an alternative to the npm command for project setup. ```bash yarn create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/ab-testing-statsig ``` -------------------------------- ### Create Next App with Script Component Strategies Example Source: https://github.com/vercel/examples/blob/main/solutions/script-component-strategies/README.md Bootstrap a new Next.js project using pnpm and clone this example repository to explore script component strategies. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/script-component-strategies script-component-strategies ``` -------------------------------- ### Initialize a New Blitz.js Project Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/blitzjs/README.md Use this command to start a new Blitz.js project. Ensure npx is installed. ```shell npx blitz new ``` -------------------------------- ### Bootstrap Next.js Example with npm Source: https://github.com/vercel/examples/blob/main/edge-middleware/user-agent-based-rendering/README.md Use this command to bootstrap the Next.js example for User-Agent Based Rendering. This command clones the repository and sets up the project. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/user-agent-based-rendering ``` -------------------------------- ### Run Express Server Locally Source: https://github.com/vercel/examples/blob/main/python/vibe-coding-ide/frontend/templates/express/README.md Execute the main server file to start the Express API locally. Ensure Node.js is installed. ```bash node server.js ``` -------------------------------- ### Adding Angular Material to Project Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/angular/src/app/app.component.html This command adds Angular Material to your existing Angular project. It will guide you through theme selection and other setup options. ```bash ng add @angular/material ``` -------------------------------- ### Bootstrap Next.js App with Postgres + Drizzle Source: https://github.com/vercel/examples/blob/main/storage/postgres-drizzle/README.md Use this command to create a new Next.js project pre-configured with the Postgres + Drizzle setup. Ensure you have pnpm installed. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/storage/postgres-drizzle ``` -------------------------------- ### Run Celery Locally with Vercel CLI Source: https://github.com/vercel/examples/blob/main/python/celery/README.md Install the Vercel CLI and run `vercel dev` to start your Celery application locally. This command makes your Celery application available at http://localhost:3000. ```bash npm i -g vercel vercel dev ``` -------------------------------- ### Parallel Package Installation Source: https://github.com/vercel/examples/blob/main/python/vibe-coding-ide/backend/src/agent/_prompt.md Install dependencies for different services in parallel by issuing their installation commands within the same tool call response. Sequential installation is inefficient. ```tool calls - sandbox_run("pip install -r requirements.txt", name: "backend") - sandbox_run("npm install", name: "frontend") ``` -------------------------------- ### Bootstrap Next.js Example with pnpm Source: https://github.com/vercel/examples/blob/main/edge-middleware/bot-protection-botd/README.md Use this command to quickly set up the Next.js project with the bot detection example using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/bot-protection-botd bot-protection-botd ``` -------------------------------- ### Install Dependencies (pnpm) Source: https://github.com/vercel/examples/blob/main/flags-sdk/openfeature/README.md Installs project dependencies using pnpm. Ensure you have pnpm installed globally. ```bash pnpm install ``` -------------------------------- ### Manually Install Husky Pre-commit Hook Source: https://github.com/vercel/examples/blob/main/README.md Command to manually install the Husky pre-commit hook if automatic installation fails. ```bash pnpm run prepare ``` -------------------------------- ### Bootstrap Next.js Example with npm Source: https://github.com/vercel/examples/blob/main/edge-middleware/ab-testing-statsig/README.md Use this command to create a new Next.js project bootstrapped with the Statsig A/B testing example from GitHub. This is the initial step for setting up the project. ```bash npx create-next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/ab-testing-statsig ``` -------------------------------- ### Clone Next.js Example with pnpm Source: https://github.com/vercel/examples/blob/main/solutions/image-fallback/README.md Bootstrap a new Next.js project using a specific example from GitHub with pnpm. This command fetches the image-fallback example repository. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/image-fallback ``` -------------------------------- ### Bootstrap Next.js Example with pnpm Source: https://github.com/vercel/examples/blob/main/edge-middleware/feature-flag-posthog/README.md Use this command to quickly set up the Next.js project with the PostHog feature flag example using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/feature-flag-posthog feature-flag-posthog ``` -------------------------------- ### Clone and Deploy Next.js Example Source: https://github.com/vercel/examples/blob/main/app-directory/redirect-with-fallback/README.md Bootstrap the example project using create-next-app with npm or Yarn. This command clones the repository and sets up the Next.js project. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/app-directory/redirect-with-fallback ``` -------------------------------- ### Bootstrap Microfrontends Example Source: https://github.com/vercel/examples/blob/main/solutions/microfrontends/README.md Use this command to create a new Next.js application bootstrapped with the Microfrontends example from GitHub using pnpm. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/microfrontends microfrontends ``` -------------------------------- ### Install Dependencies Source: https://github.com/vercel/examples/blob/main/framework-boilerplates/fasthtml/README.md Install the necessary Python packages for your FastHTML project. ```bash pip install -r requirements.txt ``` -------------------------------- ### Clone Next.js JWT Authentication Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/jwt-authentication/README.md Bootstrap the JWT authentication example using create-next-app with npm, pnpm, or Yarn. This command clones the example repository to your local machine. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/jwt-authentication ``` -------------------------------- ### Create Next.js App with Mintlify Docs Rewrite Example Source: https://github.com/vercel/examples/blob/main/cdn/mintlify-docs-rewrite/README.md Bootstrap a new Next.js project with this example using pnpm. This sets up the necessary configuration for serving Mintlify docs. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/cdn/mintlify-docs-rewrite ``` -------------------------------- ### Clone and Deploy Next.js App with Geolocation Example Source: https://github.com/vercel/examples/blob/main/edge-middleware/geolocation/README.md Bootstrap a Next.js application with the geolocation example using pnpm. This command clones the example repository and sets up a new Next.js project. ```bash pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/geolocation geolocation ```