Issues panel

The issue panel helps you identify and resolve problems within your Nordcraft project. It provides an overview of all issues, allowing you to maintain code quality and improve project stability.

Issues panel

Info

The issue panel is like a code linter for traditionally coded applications, reporting on accessibility, SEO and other issues.

Accessing the issue panel

Access the issue panel by clicking the issue icon in the left sidebar of the editor.

Tip

Regularly check the issue panel during development to catch and fix issues early.

Structure

The issue panel is split into two views:

  • Current component/page: Displays issues specific to the component or page you're currently editing
  • Project overview: Provides a complete list of all issues across your entire project. Issues are bundled by component or page with:
    • Expandable sections with a complete list of issues
    • A badge indicating the number of issues

Issue details

Each issue includes:

  • Severity level (info, warning, error) indicated via an icon
  • Descriptive title
  • Detailed description of the issue

Click on an issue to navigate directly to its location in your project.

Info

Issues are also indicated with corresponding icons next to affected items in the editor, helping you quickly locate problem areas.

Finding specific issues

Search functionality

Use the search bar to quickly find specific issues.

Filtering options

Narrow down the displayed issues using filters for:

  • Severity level: Filter by info, warning, or error status
  • Issue type: Focus on specific categories, e.g. No References or SEO
Info

The issue detection system is being continuously improved to identify more issues to help you build stable, performant and accessible applications.

Resolving issues

Addressing issues identified in the issue panel improves project stability, performance and maintainability. Good practice is to address issues during development rather than at the end of your project cycle.

04/29/2025
Edit article
Help Forum