Back to Templates

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 pnpm to bootstrap the example:
pnpm create next-app --example https://github.com/vercel/examples/tree/main/solutions/script-component-ad
Next, run Next.js in development mode:
pnpm dev
Deploy it to the cloud with Vercel (Documentation).
Related Templates
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 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.

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