### Quickstart Vitest Setup with Next.js

Source: https://context7_llms

A command to quickly set up a new Next.js project with Vitest using a pre-configured example. This is the fastest way to start writing unit tests.

```bash
npx create-next-app@latest --example with-vitest with-vitest-app
```

--------------------------------

### Install Dependencies and Run Rails Sample App

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Commands to install Ruby on Rails dependencies and start the local development server. This setup requires Ruby 2.5.0+ and Rails 6.0+, 5.0+, or 4.2+.

```bash
bundle install
rails s --port 3000
```

--------------------------------

### Shell: Project Setup and Execution Commands

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

These commands are used to set up and run the Vue.js sample project locally. They involve installing Node.js dependencies and starting the development server. Also includes instructions for running the project using Docker.

```bash
npm install && npm run serve

```

```bash
# In Linux / macOS
sh exec.sh 
# In Windows' Powershell
./exec.ps1

```

--------------------------------

### Cron Jobs API

Source: https://vercel.com/docs/speed-insights/quickstart

Documentation for Vercel Cron Jobs, including quickstart guides, management information, and usage/pricing.

```APIDOC
## GET /docs/cron-jobs

### Description
Overview of Vercel Cron Jobs, including quickstart, management, and pricing information.

### Method
GET

### Endpoint
/docs/cron-jobs

### Parameters

#### Query Parameters
- **frameworks** (string) - Optional - Filter cron job information by framework.

### Response
#### Success Response (200)
- **cronJobs** (object) - Details about cron jobs.
  - **name** (string) - The name of the feature.
  - **href** (string) - The URL to the cron jobs documentation.
  - **navLabel** (string) - The navigation label for cron jobs.
  - **category** (string) - The category the feature belongs to.
  - **frameworks** (array) - A list of frameworks that support cron jobs.

#### Response Example
```json
{
  "cronJobs": {
    "name": "Cron Jobs",
    "href": "/docs/cron-jobs",
    "navLabel": "Cron Jobs",
    "category": "Compute",
    "frameworks": ["nextjs", "other", "nextjs-app"]
  }
}
```
```

```APIDOC
## GET /docs/cron-jobs/quickstart

### Description
Quickstart guide for setting up and using Vercel Cron Jobs.

### Method
GET

### Endpoint
/docs/cron-jobs/quickstart

### Parameters

#### Query Parameters
- **frameworks** (string) - Optional - Filter quickstart guide by framework.

### Response
#### Success Response (200)
- **quickstart** (string) - Content for the quickstart guide.

#### Response Example
```json
{
  "quickstart": "Step-by-step instructions to get started with Vercel Cron Jobs."
}
```
```

```APIDOC
## GET /docs/cron-jobs/manage-cron-jobs

### Description
Instructions on how to manage your Vercel Cron Jobs.

### Method
GET

### Endpoint
/docs/cron-jobs/manage-cron-jobs

### Parameters

#### Query Parameters
- **frameworks** (string) - Optional - Filter management information by framework.

### Response
#### Success Response (200)
- **manageCronJobs** (string) - Content for managing cron jobs.

#### Response Example
```json
{
  "manageCronJobs": "Guides and options for managing your scheduled cron jobs."
}
```
```

```APIDOC
## GET /docs/cron-jobs/usage-and-pricing

### Description
Details on the usage and pricing for Vercel Cron Jobs.

### Method
GET

### Endpoint
/docs/cron-jobs/usage-and-pricing

### Parameters
None

### Response
#### Success Response (200)
- **usageAndPricing** (string) - Content detailing usage limits and pricing.

#### Response Example
```json
{
  "usageAndPricing": "Information regarding the costs and limits associated with Vercel Cron Jobs."
}
```
```

--------------------------------

### Sandbox API

Source: https://vercel.com/docs/speed-insights/quickstart

Documentation for Vercel Sandbox, including examples and pricing information.

```APIDOC
## GET /docs/vercel-sandbox

### Description
Overview of Vercel Sandbox, including examples and pricing.

### Method
GET

### Endpoint
/docs/vercel-sandbox

### Parameters

#### Query Parameters
- **frameworks** (string) - Optional - Filter sandbox information by framework.

### Response
#### Success Response (200)
- **sandbox** (object) - Details about Vercel Sandbox.
  - **name** (string) - The name of the feature.
  - **href** (string) - The URL to the Sandbox documentation.
  - **navLabel** (string) - The navigation label for Sandbox.
  - **category** (string) - The category the feature belongs to.
  - **frameworks** (array) - A list of frameworks that support Sandbox.

#### Response Example
```json
{
  "sandbox": {
    "name": "Sandbox",
    "href": "/docs/vercel-sandbox",
    "navLabel": "Sandbox",
    "category": "Compute",
    "frameworks": ["nextjs", "nextjs-app", "other"]
  }
}
```
```

```APIDOC
## GET /docs/vercel-sandbox/examples

### Description
Provides examples for using Vercel Sandbox.

### Method
GET

### Endpoint
/docs/vercel-sandbox/examples

### Parameters
None

### Response
#### Success Response (200)
- **examples** (string) - Content containing usage examples for Sandbox.

#### Response Example
```json
{
  "examples": "Code examples demonstrating how to utilize Vercel Sandbox."
}
```
```

```APIDOC
## GET /docs/vercel-sandbox/pricing

### Description
Information on the pricing and limits for Vercel Sandbox.

### Method
GET

### Endpoint
/docs/vercel-sandbox/pricing

### Parameters
None

### Response
#### Success Response (200)
- **pricing** (string) - Content detailing Sandbox pricing and limits.

#### Response Example
```json
{
  "pricing": "Details about the cost and usage limitations of Vercel Sandbox."
}
```
```

--------------------------------

### Install and Run Angular Auth0 Sample

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Commands to install dependencies and start the Angular Auth0 sample application. Assumes Node.js LTS is installed.

```bash
npm install && npm start
```

--------------------------------

### Rails Application Setup and Execution

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions for setting up and running a Rails application, including installing dependencies and starting the development server. It also provides commands for running the application using Docker.

```bash
bundle install
rails s --port 3000
```

```bash
# In Linux / macOS
sh exec.sh
# In Windows' Powershell
.\/exec.ps1
```

--------------------------------

### Build and Start Next.js App with Serwist

Source: https://github.com/serwist/serwist/tree/main/examples/next-basic

This snippet demonstrates the basic commands to build and start a Next.js application after integrating Serwist. It assumes you are in the example directory and have the necessary dependencies installed.

```shell
cd examples/next-basic
pnpm build
pnpm start
```

--------------------------------

### Routing Middleware API

Source: https://vercel.com/docs/speed-insights/quickstart

API documentation for Vercel's Routing Middleware, including getting started guides and API specifics.

```APIDOC
## GET /docs/routing-middleware

### Description
Overview of Vercel Routing Middleware, covering getting started and API usage.

### Method
GET

### Endpoint
/docs/routing-middleware

### Parameters

#### Query Parameters
- **frameworks** (string) - Optional - Filter routing middleware information by framework.

### Response
#### Success Response (200)
- **routingMiddleware** (object) - Details about routing middleware.
  - **name** (string) - The name of the feature.
  - **href** (string) - The URL to the routing middleware documentation.
  - **navLabel** (string) - The navigation label for routing middleware.
  - **category** (string) - The category the feature belongs to.
  - **frameworks** (array) - A list of frameworks that support routing middleware.

#### Response Example
```json
{
  "routingMiddleware": {
    "name": "Routing Middleware",
    "href": "/docs/routing-middleware",
    "navLabel": "Routing Middleware",
    "category": "Compute",
    "frameworks": ["nextjs-app", "nextjs", "other"]
  }
}
```
```

```APIDOC
## GET /docs/routing-middleware/getting-started

### Description
Guides for getting started with Vercel Routing Middleware.

### Method
GET

### Endpoint
/docs/routing-middleware/getting-started

### Parameters
None

### Response
#### Success Response (200)
- **gettingStarted** (string) - Content for the getting started guide.

#### Response Example
```json
{
  "gettingStarted": "Instructions and examples for setting up Vercel Routing Middleware."
}
```
```

```APIDOC
## GET /docs/routing-middleware/api

### Description
Detailed API reference for Vercel Routing Middleware.

### Method
GET

### Endpoint
/docs/routing-middleware/api

### Parameters

#### Query Parameters
- **frameworks** (string) - Optional - Filter API details by framework.

### Response
#### Success Response (200)
- **api** (object) - API reference for routing middleware.
  - **name** (string) - The name of the API section.
  - **href** (string) - The URL to the API documentation.
  - **navLabel** (string) - The navigation label for the API.
  - **frameworks** (array) - A list of frameworks relevant to this API documentation.

#### Response Example
```json
{
  "api": {
    "name": "API",
    "href": "/docs/routing-middleware/api",
    "navLabel": "API",
    "frameworks": ["nextjs-app", "nextjs", "other"]
  }
}
```
```

--------------------------------

### Install and Run Express Webapp Sample (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

These commands demonstrate how to install the Node.js dependencies and start the Express web application sample. Ensure Node.js LTS is installed before running these commands. The application will be served locally.

```bash
npm install
npm start
```

--------------------------------

### Install and Run Express Sample App (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions for installing dependencies and starting the Node.js Express sample application. Requires Node.js LTS and npm. Also includes commands for running via Docker.

```bash
npm install
npm start
```

```bash
# In Linux / macOS
sh exec.sh
# In Windows' Powershell
./exec.ps1
```

--------------------------------

### Install Jest with npm, Yarn, or pnpm

Source: https://jestjs.io/docs/getting-started

Demonstrates how to install Jest as a development dependency using different package managers. Ensure you have Node.js and your chosen package manager installed.

```bash
npm install --save-dev jest
```

```bash
yarn add --dev jest
```

```bash
pnpm add --save-dev jest
```

--------------------------------

### Run Umbraco Application

Source: https://github.com/vercel/next.js/tree/canary/examples/cms-umbraco

Starts the Umbraco application using the .NET CLI. After running this command, users will follow an installation wizard to complete the setup and access the Umbraco backoffice with pre-installed blog sample data.

```bash
dotnet run
```

--------------------------------

### Install and Run Next.js LLM Sample (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

This snippet shows the bash commands required to install dependencies and start the Next.js LLM sample application locally. It assumes Node.js LTS is installed.

```bash
npm install && npm start

```

--------------------------------

### Install Dependencies and Run Next.js Dev Server

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

This command installs project dependencies and starts the Next.js development server. It is a common step for setting up and running Next.js applications.

```bash
npm i && npm run dev
```

--------------------------------

### Quickstart Cypress with Next.js Example

Source: https://context7_llms

Demonstrates how to quickly set up Cypress with Next.js by using the 'with-cypress' example project. This command initializes a new Next.js application with Cypress pre-configured.

```bash
npx create-next-app@latest --example with-cypress with-cypress-app
```

--------------------------------

### Quickstart Next.js Project with Jest Example

Source: https://context7_llms

Creates a new Next.js project pre-configured with Jest using `create-next-app`. This is a convenient way to quickly start a project with Jest and Next.js integrated for testing purposes.

```bash
npx create-next-app@latest --example with-jest with-jest-app
```

--------------------------------

### Install Next.js Blog Starter via GitHub and NPM/Yarn

Source: https://github.com/vercel/next.js/tree/canary/examples/cms-buttercms

This snippet shows how to clone the Next.js blog starter repository from GitHub and install its dependencies using either npm or yarn. This is the recommended method for direct setup from source.

```shell
git clone https://github.com/ButterCMS/nextjs-starter-buttercms.git
cd nextjs-starter-buttercms
npm install # or yarn install
```

--------------------------------

### Build and Start Commands (Shell)

Source: https://github.com/nextjs/deploy-render

These commands are used for building and starting the Next.js application when deploying to Render. They utilize pnpm for package installation, building the application, and then starting the server.

```shell
pnpm install
pnpm build
```

```shell
pnpm start
```

--------------------------------

### Install Dependencies and Run Rails Server

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Commands to install project dependencies using Bundler and start the Ruby on Rails server. This is typically used when running the application locally without Docker.

```bash
bundle install
rails s --port 3010
```

--------------------------------

### Vercel CLI Install Command

Source: https://vercel.com/docs/speed-insights/quickstart

The `vercel install` command is likely used for installing project dependencies or setting up the Vercel CLI environment. Its exact functionality may depend on the context of the project.

```bash
# Example usage (conceptual, actual command might vary):
vercel install dependencies
```

--------------------------------

### Vercel CLI Commands for Project Initialization and Setup

Source: https://vercel.com/docs/observability/otel-overview

This snippet focuses on Vercel CLI commands used for initializing and setting up new projects. Commands like `init` and `install` are crucial for starting a new project or adding necessary dependencies within the Vercel ecosystem.

```bash
vercel init
vercel install
```

--------------------------------

### Link to External Examples Documentation

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

This snippet provides a hyperlink to the external EXAMPLES.md file on GitHub, which contains further examples for using nextjs-auth0. It's intended to guide users to more advanced use cases.

```html
\u003Cp\u003EWe put together a few \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fauth0\u002Fnextjs-auth0\u002Fblob\u002Fmain\u002FEXAMPLES.md\" target=\"\_blank\" rel=\"noreferrer\"\u003Eexamples\u003C\u002Fa\u003E on how to use \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fauth0\u002Fnextjs-auth0\" target=\"\_blank\" rel=\"noreferrer\"\u003Enextjs-auth0\u003C\u002Fa\u003E for more advanced use cases.\u003C\u002Fp\u003E
```

--------------------------------

### Run Next.js Development Server (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Installs project dependencies and starts the Next.js development server. Ensure Node.js LTS is installed before running.

```bash
npm install && npm run dev
```

--------------------------------

### Install mysql-client and PlanetScale CLI

Source: https://github.com/muxinc/video-course-starter-kit

Installs necessary command-line tools for interacting with PlanetScale databases. Requires Homebrew on macOS.

```bash
brew install mysql-client
brew install planetscale/tap/pscale
```

--------------------------------

### Install Project Dependencies with Yarn

Source: https://github.com/muxinc/video-course-starter-kit

This snippet demonstrates the commands to clone the project repository and install its dependencies using Yarn. Ensure you have Git and Yarn installed globally before running these commands.

```bash
git clone https://github.com/muxinc/video-course-starter-kit.git
cd video-course-starter-kit
yarn

```

--------------------------------

### Install or Update Vercel CLI

Source: https://vercel.com/docs/edge-config/get-started

Ensures you have the latest version of the Vercel Command Line Interface installed, which is required for managing Vercel projects and deployments.

```bash
pnpm i -g vercel@latest
```

```bash
npm i -g vercel@latest
```

```bash
yarn global add vercel@latest
```

--------------------------------

### Install Dependencies and Run Vue App

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

This snippet shows the bash commands to install project dependencies and start the Vue.js development server. It's a common step for running Vue applications locally.

```bash
npm install && npm run serve
```

--------------------------------

### Install and Run Express App with Auth0 (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Commands to install Node.js dependencies and start the Express application. Requires Node.js LTS to be installed. The application uses Auth0 for authentication.

```bash
npm install
npm start

```

--------------------------------

### Install Dependencies and Run Next.js Development Server

Source: https://github.com/vercel/next.js/tree/canary/examples/cms-buttercms

These commands install project dependencies and start the Next.js development server. This allows you to view your fully-functional starter project locally. Make sure to have Node.js and npm or yarn installed.

```shell
npm install
npm run dev
```

```shell
yarn install
yarn dev
```

--------------------------------

### Install and Run Next.js Project

Source: https://github.com/vercel/next.js/tree/canary/examples/cms-kontent-ai

These commands are used to install project dependencies and start the development server for a Next.js application. It supports both npm and yarn package managers.

```bash
npm install
npm run dev
```

```bash
yarn
yarn dev
```

--------------------------------

### Start Development Server with npm

Source: https://clerk.com/docs/quickstarts/nextjs

This command initiates the development server for your Next.js application using npm. It allows you to see changes in real-time during development. Ensure Node.js and npm are installed.

```bash
npm run dev
```

--------------------------------

### Bootstrap Next.js App with Prepr Example

Source: https://github.com/vercel/next.js/tree/canary/examples/cms-prepr

These commands demonstrate how to initialize a new Next.js project using create-next-app, specifically with the Prepr example integration. This setup leverages Next.js's static generation capabilities and connects to Prepr for content. Ensure you have Node.js and npm/Yarn/pnpm installed.

```shell
npx create-next-app --example cms-prepr cms-prepr-app
```

```shell
yarn create next-app --example cms-prepr cms-prepr-app
```

```shell
pnpm create next-app --example cms-prepr cms-prepr-app
```

--------------------------------

### Install Vercel CLI using Package Managers

Source: https://vercel.com/docs/speed-insights/quickstart

Installs the Vercel CLI globally using various package managers like pnpm, yarn, npm, and bun. Ensure you have the respective package manager installed.

```bash
pnpm i -g vercel
```

```bash
yarn global add vercel
```

```bash
npm i -g vercel
```

```bash
bun add -g vercel
```

--------------------------------

### Start Node.js Express Application

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Starts the Node.js Express application after dependencies are installed. This command is typically used during development or deployment to run the server.

```bash
npm start
```

--------------------------------

### Spring Boot Login Sample Setup and Execution (Bash/Gradle)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions for setting up and running a Spring Boot login sample. This involves configuring callback and logout URLs in Auth0, ensuring Java is installed, and then executing the application using Gradle wrapper commands. It also provides Docker deployment instructions.

```text
Set the Allowed Callback URLs in the Application Settings to:
http://localhost:3000/login/oauth2/code/auth0

Set the Allowed Logout URLs in the Application Settings to:
http://localhost:3000/
```

```bash
# In Linux / macOS
./gradlew clean bootRun
# In Windows
gradlew clean bootRun
```

```bash
# In Linux / macOS
sh exec.sh
# In Windows' Powershell
./exec.ps1
```

--------------------------------

### Build and Run Java EE Sample with Maven

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions for building and running the Java EE sample application using Maven. This involves cleaning the project and starting the WildFly server. Ensure Java 11 is installed.

```bash
# In Linux / macOS
./mvnw clean wildfly:run
# In Windows
mvnw.cmd clean wildfly:run
```

--------------------------------

### Install Babel Dependencies for Jest

Source: https://jestjs.io/docs/getting-started

Installs the necessary Babel packages (`babel-jest`, `@babel/core`, `@babel/preset-env`) required for Jest to transpile modern JavaScript code.

```bash
npm install --save-dev babel-jest @babel/core @babel/preset-env
```

```bash
yarn add --dev babel-jest @babel/core @babel/preset-env
```

```bash
pnpm add --save-dev babel-jest @babel/core @babel/preset-env
```

--------------------------------

### Install MySQL Client (macOS)

Source: https://github.com/muxinc/video-course-starter-kit

Installs the MySQL client on macOS using Homebrew, which is a prerequisite for using the PlanetScale CLI.

```shell
brew install mysql-client
```

--------------------------------

### Install Vercel CLI

Source: https://vercel.com/docs/speed-insights/quickstart

Installs the Vercel Command Line Interface globally using pnpm, yarn, or npm. This tool is required for deploying projects to Vercel and managing Vercel services.

```bash
pnpm i -g vercel

```

```bash
yarn global add vercel

```

```bash
npm i -g vercel

```

--------------------------------

### Install Umbraco Sample Data NuGet Package

Source: https://github.com/vercel/next.js/tree/canary/examples/cms-umbraco

Installs the Umbraco Sample Headless Blog NuGet package. This package provides pre-built blog dataset content for Umbraco CMS, simplifying the setup for demonstration or development purposes. It is installed using the .NET CLI.

```shell
dotnet add package Umbraco.Sample.Headless.Blog
```

--------------------------------

### Install Vercel CLI Globally

Source: https://vercel.com/docs/edge-config/get-started

Installs the Vercel command-line interface globally using npm, yarn, or bun. This is a prerequisite for deploying Next.js applications to Vercel.

```npm
npm i -g vercel@latest
```

```yarn
yarn global add vercel@latest
```

```bun
bun add -g vercel@latest
```

--------------------------------

### Next.js Clerk: Initial Setup and User Creation Guide

Source: https://clerk.com/docs/quickstarts/nextjs

This guide explains how to set up Clerk authentication in a Next.js application. It details the steps to click 'Sign up' in the header and authenticate to create the first user. It also mentions claiming Clerk keys for configuration changes.

```text
Click "Sign up" in the header and authenticate to create your first user.

It's time to build!
You've added Clerk to your Next.js app 🎉. From here, you can continue developing your application.
To make configuration changes to your Clerk development instance, claim the Clerk keys that were generated for you by selecting "Claim your application" in the bottom right of your app. This will associate the application with your Clerk account.
```

--------------------------------

### Create PlanetScale Database

Source: https://github.com/muxinc/video-course-starter-kit

Command to create a new PlanetScale database for the video course starter kit. After creation, a link will be provided to obtain the database connection string.

```bash
pscale database create video-course-starter-kit
```

--------------------------------

### Start Development Server with Yarn

Source: https://github.com/muxinc/video-course-starter-kit

Initiates the local development server for the Next.js application. This command is typically run from the project's root directory. No external dependencies are required beyond having Yarn installed.

```bash
yarn dev
```

--------------------------------

### Install and Run Async/Await Example (Shell)

Source: https://github.com/tc39/ecmascript-asyncawait

This snippet shows the commands to install the regenerator tool and run an async/await example. It requires Node.js and npm. The output of the regenerator command is piped to node for execution.

```shell
npm install
regenerator -r server.asyncawait.js | node
```

--------------------------------

### Sanity Project Setup Interactive Prompt (Shell)

Source: https://github.com/vercel/next.js/tree/canary/examples/cms-sanity

Illustrates the interactive command-line interface prompts encountered when running the Sanity setup command. It shows package installation, account verification, project/dataset selection, and environment variable detection for Next.js projects.

```shell
Need to install the following packages:
sanity@3.30.1
Ok to proceed? (y) y
You're setting up a new project!
We'll make sure you have an account with Sanity.io.
Press ctrl + C at any time to quit.

Prefer web interfaces to terminals?
You can also set up best practice Sanity projects with
your favorite frontends on https://www.sanity.io/templates

Looks like you already have a Sanity-account. Sweet!

✔ Fetching existing projects
? Select project to use Templates [r0z1eifg]
? Select dataset to use blog-vercel
? Would you like to add configuration files for a Sanity project in this Next.js folder? No

Detected framework Next.js, using prefix 'NEXT_PUBLIC_'
Found existing NEXT_PUBLIC_SANITY_PROJECT_ID, replacing value.
Found existing NEXT_PUBLIC_SANITY_DATASET, replacing value.
```

--------------------------------

### Vue Script Setup for Speed Insights

Source: https://vercel.com/docs/speed-insights/quickstart

This snippet shows the script setup in a Vue component (likely within a Nuxt.js project) to import and utilize the SpeedInsights component. It assumes the SpeedInsights component is part of the Vue ecosystem and needs to be imported within the setup function. Ensure the '@vercel/speed-insights/vue' package is installed.

```vue
<script setup>
import { SpeedInsights } from '@vercel/speed-insights/vue';
</script>
```

--------------------------------

### Authenticate PlanetScale CLI and Create Database

Source: https://github.com/muxinc/video-course-starter-kit

Authenticates the PlanetScale CLI with your account and creates a new database named 'video-course-starter-kit'. Follow the provided link to obtain the connection string.

```bash
pscale auth login
pscale database create video-course-starter-kit
```

--------------------------------

### Install Vercel Edge Config SDK

Source: https://vercel.com/docs/edge-config/get-started

This snippet provides instructions for installing the Vercel Edge Config SDK using various package managers like pnpm, yarn, npm, and bun. It also mentions the requirement for an updated Vercel CLI.

```markdown
self.__next_f.push([1,"31:[\"$\",\"ul\",null,{\"className\":\"my-3 list-disc pl-4 [\u0026\u003eli::marker]:text-gray-600\",\"children\":[\"\\n\",[\"$\",\"li\",null,{\"className\":\"mb-[10px] pl-2 leading-(--line-height-primary) [\u0026\u003esvg]:inline-flex\",\"children\":[\"Install the Edge Config SDK:\",\"\\n\",[[\"$\",\"$L2f\",null,{\"custom\":true,\"filename\":\"terminal\",\"framework\":\"all\",\"package-manager\":\"pnpm\",\"children\":\"pnpm i @vercel/edge-config\"}],[\"$\",\"$L2f\",null,{\"custom\":true,\"filename\":\"terminal\",\"framework\":\"all\",\"package-manager\":\"yarn\",\"children\":\"yarn add @vercel/edge-config\"}],[\"$\",\"$L2f\",null,{\"custom\":true,\"filename\":\"terminal\",\"framework\":\"all\",\"package-manager\":\"npm\",\"children\":\"npm i @vercel/edge-config\"}],[\"$\",\"$L2f\",null,{\"custom\":true,\"filename\":\"terminal\",\"framework\":\"all\",\"package-manager\":\"bun\",\"children\":\"bun add @vercel/edge-config\"}]]},\"\\n\"}]},\"\\n\",[\"$\",\"li\",null,{\"className\":\"mb-[10px] pl-2 leading-(--line-height-primary) [\u0026\u003esvg]:inline-flex\",\"children\":[\"An existing project. This quickstart uses Next.js, but you can use any supported framework with Edge Config storage\"}]},\"\\n\",[\"$\",\"li\",null,{\"className\":\"mb-[10px] pl-2 leading-(--line-height-primary) [\u0026\u003esvg]:inline-flex\",\"children\":[[\"$\",\"$L30\",null,{\"href\":\"/docs/cli#installing-vercel-cli\",\"children\":[\"Install\"]},\" or \",[\"$\",\"$L30\",null,{\"href\":\"/docs/cli#updating-vercel-cli\",\"children\":[\"update\"]},\" to the latest version of Vercel CLI\",\"\\n\",[[\"$\",\"$L2f\",null,{\"custom\":true,\"filename\":\"terminal\",\"framework\":\"all\",\"package-manager\":\"pnpm\",\"children\":\"pnpm i -g vercel@latest\"}],[\"$\",\"$L2f\",null,{\"custom\":true,\"filename\":\"terminal\",\"framework\":\"all\",\"package-manager\":\"yarn\",\"children\":\"yarn global add vercel@latest\"}],[\"$\",\"$L2f\",null,{\"custom\":true,\"filename\":\"terminal\",\"framework\":\"all\",\"package-manager\":\"npm\",\"child
```

--------------------------------

### Manage Database Schema with PlanetScale CLI and Prisma

Source: https://github.com/muxinc/video-course-starter-kit

Guides through creating a new database branch, connecting to it, modifying the schema in `prisma/schema.prisma`, generating Prisma client, pushing schema changes, creating a deploy request, and deploying changes.

```bash
pscale branch create video-course-starter-kit my-new-branch
pscale connect video-course-starter-kit my-new-branch --port 3309
npx prisma generate
npx prisma db push
pscale deploy-request create video-course-starter-kit my-new-branch
pscale deploy-request deploy video-course-starter-kit 1
```

--------------------------------

### Install and Run Rails Sample App

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

This snippet shows how to install dependencies and run a sample Rails application. It includes commands for both development and Docker environments. Ensure Rails is installed before running.

```bash
bundle install
rails s --port 3000
```

```bash
# In Linux / macOS
sh exec.sh
# In Windows' Powershell
./exec.ps1
```

--------------------------------

### Install Go Dependencies and Run Web App

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Commands to set up the Go environment for the web application. This involves vendoring dependencies and running the main application file. Assumes Go is installed.

```bash
go mod vendor
go run main.go
```

--------------------------------

### Local Development Setup for LLM Project

Source: https://next-video.dev/docs

This section outlines the steps to clone the LLM repository, install its dependencies, and build the project for local development. It assumes you have Node.js and npm installed.

```bash
git clone <repository-url>
cd <repository-name>
npm install && npm run build
```

--------------------------------

### Inspect Database with Prisma Studio

Source: https://github.com/muxinc/video-course-starter-kit

Launches Prisma Studio, a GUI tool for inspecting and manipulating your database contents. Assumes a PlanetScale database connection is already established.

```bash
npx prisma studio
```

--------------------------------

### Clone Repository and Install Dependencies (Shell)

Source: https://github.com/muxinc/video-course-starter-kit

Clones the project repository from GitHub and installs its dependencies using Yarn. This is a foundational step for setting up the project locally.

```Shell
git clone https://github.com/muxinc/video-course-starter-kit.git
cd video-course-starter-kit
yarn
```

--------------------------------

### Install Edge Config SDK with npm, yarn, or pnpm

Source: https://vercel.com/docs/edge-config/get-started

Installs the necessary SDK package for interacting with Vercel Edge Config. This is a prerequisite for using Edge Config in your project.

```bash
pnpm i @vercel/edge-config
```

```bash
npm i @vercel/edge-config
```

```bash
yarn add @vercel/edge-config
```

--------------------------------

### Run Go Web App Sample

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions to run the Go web application sample. This requires Go to be installed and involves vendor management and running the main application file. Docker execution is also supported.

```bash
go mod vendor
go run main.go
```

```bash
# In Linux / macOS
sh exec.sh
# In Windows' Powershell
./exec.ps1
```

--------------------------------

### Next.js App Router: Getting Started (JSON)

Source: https://nextjs.org/docs/pages/building-your-application/routing/api-routes

This snippet, represented in a JSON-like structure, outlines the 'Getting Started' section of the Next.js App Router documentation. It details the 'Installation' and 'Project Structure' subsections.

```json
[\"$\",\"$L1d\",null,{\"items\":{\"13\":[{\"title\":\"Getting Started\",\"description\":\"Learn how to create full-stack web applications with Next.js.\",\"path\":\"13/getting-started\",\"version\":\"$undefined\",\"source\":\"docs/13/01-getting-started/index.mdx\",\"children\":[{\"title\":\"Installation\",\"description\":\"Create a new Next.js application with \`create-next-app\`. Set up TypeScript, styles, and configure your \`next.config.js\` file.\",\"path\":\"13/getting-started/installation\",\"version\":\"$undefined\",\"source\":\"docs/13/01-getting-started/01-installation.mdx\",\"children\":[]},{\"title\":\"Project Structure\",\"description\":\"A list of folders and files conventions in a Next.js project\",\"path\":\"13/getting-started/project-structure\",\"version\":\"$undefined\",\"source\":\"docs/13/01-getting-started/02-project-structure.mdx\",\"children\":[]}]}]}}]
```

--------------------------------

### Start Next.js Development Server

Source: https://supabase.com/docs/guides/getting-started/quickstarts/nextjs

Instructions on how to run the Next.js development server and access the application in a browser. It guides the user to navigate to a specific URL to see the rendered instruments.

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```

--------------------------------

### Run Django Application (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Applies database migrations and starts the Django development server on port 3000. This command requires Python and Django to be installed and configured.

```bash
python manage.py migrate 
python manage.py runserver 3000
```

--------------------------------

### Initialize Next.js App with Example

Source: https://context7_llms

Creates a new Next.js application using a specified official Next.js example. The `--example` flag allows users to bootstrap their project with pre-configured templates from the Next.js repository.

```bash
npx create-next-app@latest --example [example-name] [your-project-name]
```

--------------------------------

### Python SDK Quickstart Example (Conceptual)

Source: https://developers.pinterest.com/docs/web-features/rich-pins-overview/

This conceptual Python snippet demonstrates a basic setup for using the Pinterest Python SDK. It assumes you have set up environment variables for your app ID and secret. The SDK simplifies authentication and API calls, including campaign management.

```python
from pinterest_sdk import PinterestClient

# Load credentials from environment variables or config file
app_id = os.environ.get('PINTEREST_APP_ID')
app_secret = os.environ.get('PINTEREST_APP_SECRET')

client = PinterestClient(app_id=app_id, app_secret=app_secret)

# Example: List campaigns (requires appropriate scope)
# campaigns = client.campaigns.list()
# print(campaigns)

```

--------------------------------

### Execute Docker Setup Script (Linux/macOS)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Runs the provided shell script to set up and start the application within a Docker container. This is a convenient way to deploy the application in a consistent environment.

```bash
sh exec.sh
```

--------------------------------

### Bootstrap Next.js Serwist Example with Degit

Source: https://github.com/serwist/serwist/tree/main/examples/next-basic

These commands use 'degit' to clone a Next.js Serwist example project into a new directory named 'my-app'. This is a convenient way to start a new project with a pre-configured setup. It supports multiple package managers like npx, yarn, pnpm, and bun.

```shell
npx degit serwist/serwist/examples/next-basic my-app
```

```shell
yarn degit serwist/serwist/examples/next-basic my-app
```

```shell
pnpx degit serwist/serwist/examples/next-basic my-app
```

```shell
bunx degit serwist/serwist/examples/next-basic my-app
```

--------------------------------

### Install Speed Insights with Bun

Source: https://vercel.com/docs/speed-insights/quickstart

This command installs the Vercel Speed Insights package using the Bun package manager. It's a direct installation command for the specified package.

```bash
bun add @vercel/speed-insights
```

--------------------------------

### Install Dependencies and Run .NET Core App

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions for restoring .NET Core dependencies and running the application from the command line. Requires .NET Core to be installed.

```bash
dotnet restore
dotnet run
```

--------------------------------

### Next.js Root Component Setup (TypeScript)

Source: https://vercel.com/docs/speed-insights/quickstart

This snippet demonstrates the root component setup for a Next.js application using TypeScript. It imports AppProps for component properties and SpeedInsights for performance monitoring. The MyApp component receives pageProps and renders the main content along with SpeedInsights.

```typescript
import type { AppProps } from 'next/app';
import { SpeedInsights } from '@vercel/speed-insights/next';

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <Component {...pageProps} />
      <SpeedInsights />
    </>
  );
}
```

--------------------------------

### Bootstrap Next.js Blog Starter with npm, Yarn, or pnpm

Source: https://github.com/vercel/next.js/tree/canary/examples/blog-starter

Execute `create-next-app` with the `blog-starter` example using npm, Yarn, or pnpm to bootstrap a new blog project. This command initializes a new Next.js application configured with the blog starter template. The project will be accessible at http://localhost:3000 upon successful setup.

```shell
npx create-next-app --example blog-starter blog-starter-app
```

```shell
yarn create next-app --example blog-starter blog-starter-app
```

```shell
pnpm create next-app --example blog-starter blog-starter-app
```

--------------------------------

### Install PlanetScale CLI (macOS)

Source: https://github.com/muxinc/video-course-starter-kit

Installs the PlanetScale CLI on macOS using Homebrew, enabling interaction with PlanetScale databases.

```shell
brew install planetscale/tap/pscale
```

--------------------------------

### Setup Next.js App with next-translate Example

Source: https://github.com/aralroca/next-translate

This command demonstrates how to create a new Next.js application pre-configured with the next-translate example. It utilizes `create-next-app` with a specific example to bootstrap the project.

```shell
npx create-next-app --example with-next-translate with-next-translate-app
yarn create next-app --example with-next-translate with-next-translate-app
```

--------------------------------

### Install Python Dependencies and Run Server

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Installs Python dependencies using pip, migrates the database, and runs the development server. Requires Python to be installed.

```bash
pip install -r requirements.txt
python manage.py migrate 
python manage.py runserver 3000
```

--------------------------------

### Run Java EE Application with Maven (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions for building and running a Java EE application using Maven. This command cleans the project and starts the WildFly application server. Ensure Java is installed and you are in the sample's directory.

```bash
# In Linux / macOS
./mvnw clean wildfly:run
# In Windows
mvnw.cmd clean wildfly:run

```

--------------------------------

### ESLint Development Environment Setup

Source: https://eslint.org/docs/latest/use/configure/configuration-files

This guide outlines the steps required to set up a development environment for contributing to ESLint. It typically involves cloning the repository, installing dependencies using npm or yarn, and configuring necessary tools for code analysis and testing.

```bash
# Clone the ESLint repository
git clone https://github.com/eslint/eslint.git
cd eslint

# Install dependencies
npm install

# Optional: Install globally for easier command-line use
npm link
```

--------------------------------

### Run Next.js Development Server with PNPM

Source: https://clerk.com/docs/quickstarts/nextjs

This snippet shows how to start the Next.js development server using the PNPM package manager. It assumes PNPM is installed and configured in the project. The command `pnpm dev` typically starts a hot-reloading development environment.

```bash
pnpm dev
```

--------------------------------

### Install TypeScript Preset for Babel

Source: https://jestjs.io/docs/getting-started

Installs the `@babel/preset-typescript` package, which allows Babel to transpile TypeScript code. This is a prerequisite for using TypeScript with Babel in Jest.

```bash
npm install --save-dev @babel/preset-typescript
```

```bash
yarn add --dev @babel/preset-typescript
```

```bash
pnpm add --save-dev @babel/preset-typescript
```

--------------------------------

### Execute Docker Setup Script (Windows PowerShell)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Runs the provided PowerShell script to set up and start the application within a Docker container on Windows. This ensures cross-platform compatibility for deployment.

```powershell
.\exec.ps1
```

--------------------------------

### Install Dependencies and Build Next.js App

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

This bash script demonstrates the necessary commands to install project dependencies, build the Next.js application, and run it on iOS and Android simulators using Capacitor. Ensure Node.js LTS is installed before executing these commands.

```bash
npm install
npm run build

# to test it in iOS
npx cap run ios
# to test it in Android
npx cap run android

```

--------------------------------

### Set up ngrok for Local Webhook Handling

Source: https://github.com/muxinc/video-course-starter-kit

This snippet details the steps to set up ngrok for local development of webhooks. It includes installing ngrok via Homebrew, adding your authentication token, and starting an HTTP tunnel to your local development server (port 3000). This allows external services to send requests to your local machine.

```shell
brew install ngrok/ngrok/ngrok
ngrok config add-authtoken <YOUR_NGROK_TOKEN>
ngrok http 3000
```

--------------------------------

### Install Python Dependencies and Run Server (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

This snippet provides commands to install project dependencies using pip and then run the Python server. It assumes Python is installed and a 'requirements.txt' file is present.

```bash
pip install -r requirements.txt
python3 server.py
```

--------------------------------

### Install Auth.js for Qwik

Source: https://authjs.dev/getting-started/installation

Installs the necessary Auth.js package for Qwik applications. This command adds the authentication capabilities to your Qwik project.

```bash
npm run qwik add auth

pnpm run qwik add auth

yarn qwik add auth

bun run qwik add auth
```

--------------------------------

### Install and Run PHP Web App Sample

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions for installing dependencies and running the Auth0 PHP web application sample. This involves using Composer to manage packages and execute application scripts.

```bash
composer run app

```

--------------------------------

### Install Auth0 Next.js SDK

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

This command installs the Auth0 Next.js SDK, which is essential for integrating Auth0 authentication into your Next.js application. Ensure you have Node.js and npm/yarn installed.

```bash
npm install nextjs-auth0
yarn add nextjs-auth0
```

--------------------------------

### Install Dependencies and Build Project (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

These commands are used to install project dependencies and build the application for native mobile deployment using Capacitor. Ensure Node.js LTS is installed. The output is a built application ready for testing on iOS and Android.

```bash
npm install
npm run build

# to test it in iOS
npx cap run ios
# to test it in Android
npx cap run android
```

--------------------------------

### Install Speed Insights Package

Source: https://vercel.com/docs/speed-insights/quickstart

Adds the `@vercel/speed-insights` package to your project dependencies using your preferred package manager (pnpm, yarn, or npm). This package provides the necessary components for integrating Speed Insights.

```bash
pnpm i @vercel/speed-insights

```

```bash
yarn add @vercel/speed-insights

```

```bash
npm install @vercel/speed-insights

```

--------------------------------

### Start Next.js Development Server

Source: https://github.com/cloudinary-community/cloudinary-examples/tree/main/examples/nextjs-cldvideoplayer-abr

Commands to start the Next.js development server using different package managers. After starting, you can access your application at http://localhost:3000.

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

--------------------------------

### Install and Run ASP.NET Core Sample App (Bash)

Source: https://auth0.com/docs/quickstart/webapp/nextjs/01-login

Instructions to set up and run the Auth0 ASP.NET Core sample application. This includes configuring callback and logout URLs in your Auth0 application settings and then running the application using the .NET CLI or Docker. Ensure you have .NET Core installed.

```bash
dotnet run
```

```bash
# In Linux / macOS
sh exec.sh
# In Windows' Powershell
./exec.ps1
```