Nextra 4.0 Documentation Template for Webflow Cloud - Production Ready

Developers
1

Hey Webflow developers! :waving_hand:

I built a production-ready template for deploying Nextra 4.0 documentation sites to Webflow Cloud.

GitHub

https://github.com/lvsao/webflow-nextra

LIVE DEMO

https://selofy.com/nextrademo

What It Solves

Deploying Nextra (Next.js-based docs framework) to Webflow Cloud isn’t straightforward due to edge runtime limitations. This template handles:

  • :white_check_mark: Edge Runtime Compatibility - Node.js fs module workarounds

  • :white_check_mark: Cloudflare Workers - Proper webpack & OpenNext configuration

  • :white_check_mark: File System Scanning - Build-time operations for navigation

  • :white_check_mark: Complete SEO - Open Graph, Twitter Cards, metadata

  • :white_check_mark: Production Deployment - Real configuration that works

Tech Stack

  • Next.js 15 (App Router)

  • Nextra 4.0

  • TypeScript

  • Cloudflare Workers

  • OpenNext adapter

Key Features

Working Configuration

  • next.config.ts with edge runtime settings

  • mdx-components.tsx for theme integration

  • wrangler.json with nodejs_compat flag

Full Documentation

  • Quick start guide

  • Deployment instructions (GitHub + CLI)

  • Common issues & solutions

  • Edge runtime architecture explanation

GitHub & CLI Deploy

  • Auto-deploy on push (GitHub integration)

  • Manual deploy via webflow cloud deploy

Perfect For

  • Developer documentation sites

  • API references

  • Product guides

  • Knowledge bases

Repository

All configuration files, guides, and examples included:

MIT Licensed - Free to use and modify.

3 Likes
2

-,- I cant insert any link. Any one tell me how to do that :rofl:
An error occurred: Sorry you cannot post a link to that host.

1 Like
3

Hey Shawn, use a markdown code block, 3 backticks.

like this

Nextra 4 is pretty great- I haven’t found a reason to deploy it to Cloud specifically though, have you set it up so that you can deploy components via devlink and use them as Nextra 4 components?

That would be interesting.

1 Like
5

Thanks for sharing!

https://github.com/lvsao/webflow-nextra