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 |
|
This example shows how to render a different page based on the User-Agent header.
https://edge-user-agent-based-rendering.vercel.app
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:
npx create-next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/user-agent-based-rendering
# or
yarn create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/user-agent-based-rendering
Next, run Next.js in development mode:
npm install
npm run dev
# or
yarn
yarn dev
Deploy it to the cloud with Vercel (Documentation).