Documentation

We’ve configured the Custom Functions server to automatically serve any static UI files it finds in a project’s /static folder.

In order to serve your static UI correctly, your UI project must meet the following requirements:

• Have an index file located at /static/index.html
• Correctly path any other files relative to index.html
• If your app makes use of client-side routing, it must have [project_name]/static as its base (basename for react-router, base for vue-router, etc.):

  <Router basename="/dogs/static">
      <Switch>
          <Route path="/care" component={CarePage} />
          <Route path="/feeding" component={FeedingPage} />
      </Switch>
  </Router>

Supporting files, like css, js, and images may be located within subfolders or at the root of the /static folder, whichever you prefer.

If you’re using a framework (React, Vue, etc.), we recommend dropping the output of your build process (your dist or build folder) directly into your project’s /static folder. The output of the build process is usually optimized and compressed, and will be more performant than raw source code.