Project sidebar

The project sidebar provides an overview of your project files and resources, any issues detected in your project, and any changes made in the current branch you are working in.

Project sidebar

Use the icons at the left of the screen to access the following:

1. 1

   Files: View all files, components, services, actions, formulas, media, themes and settings in your project
2. 2

   View and install packages: Browse, search for, and install Nordcraft packages
3. 3

   Issues: View issues found in your project and get advice on how to fix them (an orange dot is visible when issues are detected)
4. 4

   Version control: View any changes made in the current branch of your project, see the branch history, and switch between branches

With the files icon selected, search files by typing in the search field at the top of the sidebar.

Displays files you have recently accessed for quick navigation between components, pages and other files.

Each section can be expanded or collapsed and includes a + button to create new items (except for themes and settings):

• Pages: Pages in your project
• Components: Reusable components in your project
• Services: API connections to external services with an OpenAPI specification
• Actions: Global actions (custom JavaScript code) in your project
• Formulas: Project formulas that can be accessed from any page or component in your project
• Media Image files uploaded for use in your project
• Fonts: All fonts currently installed in your project
• Themes: Design tokens including colors, spacing, and typography
• Settings: Project configurations including favicon, robots.txt, sitemap, app manifest and service worker

At the bottom of the files view of the project sidebar, you can configure the following settings for your project:

• Favicon: Upload a favicon for your project - available at /favicon.ico
• Robots.txt: Target a custom robots.txt document (with a URL) - available at /robots.txt
• Sitemap.xml: Target a custom sitemap.xml document (with a URL) - available at /sitemap.xml
• App Manifest: Target a custom manifest JSON file (with a URL) - available at /manifest.json
• Service Worker: Target a javascript file url for a script that registers a service worker. The script will be available on /serviceWorker.js. To serve the actual service worker, you need to create a proxy to the URL where the service worker script is hosted. The service worker registration script could also be used to include a custom script on all pages of your project. See a reference implementation of using a service worker in this example project.