App Manifest File

The webflow.json manifest file is used to configure a Webflow app and define various parameters that control its behavior. This file allows developers to include important details such as the app's name, size, and public directory. By specifying these parameters, developers can serve the app from another directory, enabling them to leverage Next.js Static Site Generation (SSG) and other similar functionalities.

Parameters

name (string, required)

The name parameter specifies the name of the Webflow app. It should be a descriptive and unique name that helps identify the app.

{
  "name": "My Awesome Webflow App"
}

size (string, optional)

The size parameter defines the size of the Webflow app. There are three available sizes are

  • Default: 240px by 360px - Great for simple apps that don’t require much real estate
  • Comfortable: 320px by 460px - For apps like form submissions that may require a bit more room
  • Large: 800px by 600px - For apps that require in-depth work flows, previews, or in depth control

If you don’t declare a size it’ll be the default size which is 240px by 360px. If you want to be explicit about this you can add { "size": "default"} to your manifest file.

{
  ...
  "size": "default"
}

publicDir (string, optional)

The publicDir parameter determines the directory from which the Webflow app will be served. By defining a custom publicDir, developers have more control over the organization and structure of their web application's static files. Our basic project scaffolding, created with the command webflow extension init my-extension creates a folder structure where /public is the the publicDir where your Designer Extension will load from.

{
  ...
  "publicDir": "dist"
}