Q QuestLayer
Open builder Create your widget
Integration

Next.js quest widget

Add quests to your Next.js application with server-side rendering support.

Create your widget All integrations
QuestLayer widget preview

Integration steps

  1. 01

    Add the widget script to your layout file.

  2. 02

    Configure allowed domains in dashboard.

  3. 03

    Deploy to Vercel or any host.

Benefits

  • Compatible with App Router and Pages Router.
  • Optimized for core web vitals.
  • Works with static and dynamic rendering.

Related widgets

Core

task widget

Deploy a task widget that highlights the exact actions you want users to finish, with XP and streak tracking.
Core

web3 quest widget

Deploy a Web3 quest widget that connects wallets, rewards on-chain actions, and grows community participation.

Documentation

Docs

Getting started

Launch your first QuestLayer widget from setup to embed.
Docs

Embed widget

Embed the QuestLayer widget in any site builder or app.