Skip to content

Loading Ads with the Script Component

Learn to lazy load ads using the Next.js Script Component.

Framework Next.js
Use Case Documentation
CSS Tailwind
Publisher ▲ Vercel

Loading Ads with the Script Component

This example shows how to lazy load ads using the Next.js Script Component.

Demo

https://solutions-script-component-ad.vercel.app

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel:

Clone and Deploy

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/vercel/examples/tree/main/solutions/script-component-ad
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/solutions/script-component-ad

Next, run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).

Loading Ads with the Script Component

Learn to lazy load ads using the Next.js Script Component.

Framework Next.js
Use Case Documentation
CSS Tailwind
Publisher ▲ Vercel

Loading Ads with the Script Component

This example shows how to lazy load ads using the Next.js Script Component.

Demo

https://solutions-script-component-ad.vercel.app

How to Use

You can choose from one of the following two methods to use this repository:

One-Click Deploy

Deploy the example using Vercel:

Clone and Deploy

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/vercel/examples/tree/main/solutions/script-component-ad
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/solutions/script-component-ad

Next, run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential