User-Agent Based Rendering

name

slug

description

framework

useCase

css

deployUrl

demoUrl

relatedTemplates

User-Agent Based Rendering

edge-functions-user-agent-based-rendering

Learn how to render a different page based on the User-Agent header.

Next.js

Edge Middleware

Tailwind

ab-testing-simple

This example shows how to render a different page based on the User-Agent header.

Demo

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

Deploy the example using Vercel:

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

pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/user-agent-based-rendering

Next, run Next.js in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
components		components
pages		pages
public		public
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
middleware.ts		middleware.ts
next-env.d.ts		next-env.d.ts
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
turbo.json		turbo.json
vercel.json		vercel.json