Skip to content
New Project

Loading Ads with the Script Component

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

DeployView Demo
Learn to lazy load ads using the Next.js 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:

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).

GitHub
Ownervercel
Repositoryexamples
Use Cases
Documentation
Stack
Next.js
Tailwind

Related Templates

Experimentation with Statsig

Reduce CLS and improve performance from client-loaded experiments at the edge with Statsig
Experimentation with Statsig thumbnail

A/B Testing Simple

By A/B testing at the edge, you'll reduce CLS from client-loaded experiments and improve your site's performance with smaller JS bundles.
A/B Testing Simple thumbnail

A/B Testing with ConfigCat

ConfigCat is a service for feature flag and configuration management. In this template you'll be able to use feature flags at the edge.
A/B Testing with ConfigCat thumbnail
DeployView Demo