# Nextra

Nextra is a Next.js framework for building content-focused websites with Markdown-based content.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## How to build a member portal with login and a dashboard in Webflow Cloud

DevFeed: [How to build a member portal with login and a dashboard in Webflow Cloud](<https://devfeed.tech/articles/how-to-build-a-member-portal-with-login-and-a-dashboard-in-webflow-cloud-9227.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/member-portal-login-dashboard-webflow-cloud>)

Author: Ismail Ajagbe

Published: 2026-09-12T00:00:00Z

Content type: tutorial

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [dashboards](<https://devfeed.tech/topics/dashboards.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [Database](<https://devfeed.tech/topics/database.md>), [SQLite](<https://devfeed.tech/topics/sqlite.md>), [Nextra](<https://devfeed.tech/topics/nextra.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [auth](<https://devfeed.tech/tags/auth.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [data](<https://devfeed.tech/tags/data.md>), [database](<https://devfeed.tech/tags/database.md>), [guide](<https://devfeed.tech/tags/guide.md>), [guides](<https://devfeed.tech/tags/guides.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [platform](<https://devfeed.tech/tags/platform.md>), [sqlite](<https://devfeed.tech/tags/sqlite.md>), [webflow](<https://devfeed.tech/tags/webflow.md>)

### AI overview

This tutorial explains how to build a Webflow Cloud member portal with login, a SQLite-backed data model, session-scoped queries, a member dashboard, and profile editing. It emphasizes deriving the member ID from the session rather than from the request so users can access only their own data.

### Source excerpt

Learn how to build a member portal on Webflow Cloud where every query is scoped to the signed-in member.

## How to send order status SMS from Webflow e-commerce with Twilio and one route handler

DevFeed: [How to send order status SMS from Webflow e-commerce with Twilio and one route handler](<https://devfeed.tech/articles/how-to-send-order-status-sms-from-webflow-e-commerce-with-twilio-and-one-route-handler-9255.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/webflow-order-status-twilio-sms>)

Author: Ismail Ajagbe

Published: 2026-09-04T00:00:00Z

Content type: tutorial

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [API](<https://devfeed.tech/topics/api.md>), [Nextra](<https://devfeed.tech/topics/nextra.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [e-commerce](<https://devfeed.tech/tags/e-commerce.md>), [guides](<https://devfeed.tech/tags/guides.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [infrastructure](<https://devfeed.tech/tags/infrastructure.md>), [integration](<https://devfeed.tech/tags/integration.md>), [node-js](<https://devfeed.tech/tags/node-js.md>)

### AI overview

A guide to sending Webflow e-commerce order status SMS messages through Twilio. It explains how an order webhook reaches a Webflow Cloud route handler, where the webhook is validated and order details are passed to the Twilio Messages API.

### Source excerpt

Learn how to send order status SMS from Webflow e-commerce with Twilio by wiring an order webhook to a Webflow Cloud route handler that calls Twilio with fetch.

## How to configure Cloudinary video transcoding on Webflow Cloud

DevFeed: [How to configure Cloudinary video transcoding on Webflow Cloud](<https://devfeed.tech/articles/how-to-configure-cloudinary-video-transcoding-on-webflow-cloud-9187.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/cloudinary-video-transcoding-webflow-cloud>)

Author: Ismail Ajagbe

Published: 2026-08-08T00:00:00Z

Content type: tutorial

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [webflow](<https://devfeed.tech/topics/webflow.md>), [Transcodings](<https://devfeed.tech/topics/transcodings.md>), [Nextra](<https://devfeed.tech/topics/nextra.md>), [Streaming](<https://devfeed.tech/topics/streaming.md>), [REST API](<https://devfeed.tech/topics/rest-api.md>), [Cloudflare Workers](<https://devfeed.tech/topics/cloudflare-workers.md>)

Tags: [edge](<https://devfeed.tech/tags/edge.md>), [guides](<https://devfeed.tech/tags/guides.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [rest-api](<https://devfeed.tech/tags/rest-api.md>), [streaming](<https://devfeed.tech/tags/streaming.md>), [webflow](<https://devfeed.tech/tags/webflow.md>)

### AI overview

A practical guide to configuring Cloudinary video transcoding on Webflow Cloud. It explains how to use the REST API, eager transformations, optimized delivery URLs, and HLS adaptive streaming on the edge runtime without the Node.js SDK.

### Source excerpt

Learn how to upload videos to Cloudinary from a Webflow Cloud Next.js app and deliver optimized video over CDN using plain fetch on the edge runtime.

## How to add autocomplete search to Webflow with Elasticsearch on Webflow Cloud

DevFeed: [How to add autocomplete search to Webflow with Elasticsearch on Webflow Cloud](<https://devfeed.tech/articles/how-to-add-autocomplete-search-to-webflow-with-elasticsearch-on-webflow-cloud-9198.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/elasticsearch-autocomplete-search-webflow-cloud>)

Author: Ismail Ajagbe

Published: 2026-07-26T00:00:00Z

Content type: tutorial

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [elasticsearch](<https://devfeed.tech/topics/elasticsearch.md>), [Elastic Cloud](<https://devfeed.tech/topics/elastic-cloud.md>), [webflow](<https://devfeed.tech/topics/webflow.md>), [Nextra](<https://devfeed.tech/topics/nextra.md>), [API keys](<https://devfeed.tech/topics/api-keys.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [migration](<https://devfeed.tech/topics/migration.md>), [Template](<https://devfeed.tech/topics/template.md>)

Tags: [api-keys](<https://devfeed.tech/tags/api-keys.md>), [cli](<https://devfeed.tech/tags/cli.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [content](<https://devfeed.tech/tags/content.md>), [elastic-cloud](<https://devfeed.tech/tags/elastic-cloud.md>), [elasticsearch](<https://devfeed.tech/tags/elasticsearch.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [getting-started](<https://devfeed.tech/tags/getting-started.md>), [guide](<https://devfeed.tech/tags/guide.md>), [guides](<https://devfeed.tech/tags/guides.md>), [migration](<https://devfeed.tech/tags/migration.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [webflow](<https://devfeed.tech/tags/webflow.md>)

### AI overview

A guide to adding as-you-type autocomplete search to a Webflow site using Elasticsearch on Webflow Cloud. It covers updating the index mapping, re-indexing existing content, creating a Next.js Route Handler, and connecting a debounced, abort-controlled frontend input.

### Source excerpt

Learn how to add as-you-type autocomplete search to Webflow using Elasticsearch's search_as_you_type field and a Webflow Cloud Route Handler

## How to build an interactive quiz in Webflow Cloud with React

DevFeed: [How to build an interactive quiz in Webflow Cloud with React](<https://devfeed.tech/articles/how-to-build-an-interactive-quiz-in-webflow-cloud-with-react-9216.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/interactive-quiz-scoring-webflow>)

Author: Ismail Ajagbe

Published: 2026-07-26T00:00:00Z

Content type: tutorial

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [webflow](<https://devfeed.tech/topics/webflow.md>), [React](<https://devfeed.tech/topics/react.md>), [Nextra](<https://devfeed.tech/topics/nextra.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>), [coding](<https://devfeed.tech/topics/coding.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [content](<https://devfeed.tech/tags/content.md>), [development](<https://devfeed.tech/tags/development.md>), [guide](<https://devfeed.tech/tags/guide.md>), [guides](<https://devfeed.tech/tags/guides.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [learn](<https://devfeed.tech/tags/learn.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [react](<https://devfeed.tech/tags/react.md>), [webflow](<https://devfeed.tech/tags/webflow.md>)

### AI overview

Guide to building a scored interactive quiz in Webflow Cloud with a Next.js app. Quiz questions are managed in Webflow CMS, while a React Client Component uses a state machine to track answers, calculate scores, and display explanations. Completions can optionally be logged to Webflow Cloud Key Value Store for analytics.

### Source excerpt

Learn how to build an interactive quiz in Webflow Cloud using Webflow CMS for the questions and a React useReducer state machine to track answers.

## How to add two-factor SMS verification to Webflow with Twilio

DevFeed: [How to add two-factor SMS verification to Webflow with Twilio](<https://devfeed.tech/articles/how-to-add-two-factor-sms-verification-to-webflow-with-twilio-9247.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/twilio-sms-2fa-webflow-cloud>)

Author: Ismail Ajagbe

Published: 2026-07-25T00:00:00Z

Content type: tutorial

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [webflow](<https://devfeed.tech/topics/webflow.md>), [MFA](<https://devfeed.tech/topics/mfa.md>), [Workers](<https://devfeed.tech/topics/workers.md>), [Nextra](<https://devfeed.tech/topics/nextra.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [passwords](<https://devfeed.tech/topics/passwords.md>), [REST API](<https://devfeed.tech/topics/rest-api.md>), [API](<https://devfeed.tech/topics/api.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [Auth0](<https://devfeed.tech/topics/auth0.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [cli](<https://devfeed.tech/tags/cli.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [code](<https://devfeed.tech/tags/code.md>), [guides](<https://devfeed.tech/tags/guides.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [rest-api](<https://devfeed.tech/tags/rest-api.md>), [webflow](<https://devfeed.tech/tags/webflow.md>), [workers](<https://devfeed.tech/tags/workers.md>)

### AI overview

A practical guide to adding two-factor SMS verification to a Webflow Cloud Next.js app using Twilio Verify. It covers server-side code delivery and validation through a Cloudflare Worker and Route Handlers, session signing, rate limiting, and the two-step user interface.

### Source excerpt

Learn how to add two-factor SMS verification to Webflow with Twilio Verify, sending and checking one-time codes from a Webflow Cloud Route Handler.

## How to Embed a Checkout Widget in Any Website

DevFeed: [How to Embed a Checkout Widget in Any Website](<https://devfeed.tech/articles/how-to-embed-a-checkout-widget-in-any-website-9837.md>)

Original publisher: [Read original article](<https://dodopayments.com/blogs/embed-checkout-widget-website/>)

Author: Aarthi Poonia

Published: 2026-03-30T00:00:00Z

Content type: tutorial

Language: en

Sources: [Dodo Payments Blog](<https://devfeed.tech/sources/dodo-payments-blog.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [HTML](<https://devfeed.tech/topics/html.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>), [tokenization](<https://devfeed.tech/topics/tokenization.md>), [Nextra](<https://devfeed.tech/topics/nextra.md>), [webflow](<https://devfeed.tech/topics/webflow.md>)

Tags: [checkout](<https://devfeed.tech/tags/checkout.md>), [developer-tools](<https://devfeed.tech/tags/developer-tools.md>), [guide](<https://devfeed.tech/tags/guide.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html](<https://devfeed.tech/tags/html.md>), [payment](<https://devfeed.tech/tags/payment.md>), [payments](<https://devfeed.tech/tags/payments.md>), [react](<https://devfeed.tech/tags/react.md>), [tokenization](<https://devfeed.tech/tags/tokenization.md>), [website-builders](<https://devfeed.tech/tags/website-builders.md>), [widget](<https://devfeed.tech/tags/widget.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>)

### AI overview

A guide to embedding Dodo Payments checkout widgets in websites built with HTML, React, WordPress, or no-code builders such as Webflow. It covers overlay and inline checkout options and explains how payment tokenization keeps card data off a site's servers.

### Source excerpt

Guide to embedding a payment checkout widget into any website - HTML, WordPress, React, or website builders. No backend required with Dodo Payments overlay and inline checkout.