Set Static Resources

Learn how to configure static files, custom JavaScript, and custom CSS in PyWebflow.

Setting Static Resources

PyWebflow provides methods to set static directories, custom JavaScript, and custom CSS files for your web application.

First, import the WebFlow library:

import webflow as wf

Then, configure static resources using the following methods:

wf.set_static_directory("static_folder")
wf.set_custom_js("script.js")
wf.set_custom_css("style.css")

Parameter	Type	Description
`path`	`str`	The directory path where static files (e.g., images, fonts) are stored.

This method sets the directory that serves static files.

Parameter	Type	Description
`file_path`	`str`	The path to the custom JavaScript file to be included.

This method allows you to link a JavaScript file for additional frontend functionality.

Parameter	Type	Description
`file_path`	`str`	The path to the custom CSS file for styling.

This method enables you to add a custom stylesheet to style your web application.

wf.set_static_directory("static")
wf.set_custom_js("scripts/main.js")
wf.set_custom_css("styles/main.css")

Ensure the specified static folder exists and contains the required static files.
Use set_custom_js and set_custom_css to enhance the frontend experience with scripts and styles.
The paths should be relative to your project’s root directory.