Page configuration
To configure a page, select it in the project sidebar and click on it in the Page section of the data panel.
URL structure
At the top of the page configuration panel, you will see a URL preview showing how the page URL will appear in the web address bar of a browser, including domain, path segments and query parameters.
The URL configuration is divided into two main sections:
Path
- Add path segments by clicking the Add path button
- For each path segment, provide a name
- Enable the Param checkbox to make a path dynamic
- Set a test value for development purposes
- Remove paths using the - button
Query
- Add query parameters by clicking the Add query button
- Name your parameters
- Set a test value for development
- Enable Set to null option when appropriate
- Remove parameters using the - button
If you are not familiar with URL structure, check out the blog post about URLs.
Metadata
Each page in your application should have unique metadata to improve user experience and search engine visibility:
- Title: Appears in browser tabs and search results
- Language: Specifies the language of your page content for accessibility purposes
- Description: Appears in search engine results and social media shares
- Add meta: Add additional specialized metadata as needed
You can bind any metadata value to formulas by clicking the formula button next to each field.
Custom og:*
meta tags which power Open Graph social sharing information are available on paid Nordcraft plans only.
Head assets
Sometimes you need to add external resources to your page, such as third-party scripts or custom fonts.
In the URL panel under Head assets, you can:
- 1Choose the resource type from the dropdown (script, link or style)
- 2Provide content or reference external resources
- 3Set additional attributes for the resource
- 4Add multiple resources by clicking Add external resource
Be cautious when adding external scripts. Only add scripts from trusted sources as they will have full access to your page data.
When adding custom fonts or other resources, consider the impact on page load time. Each additional asset increases loading time and may affect page speed and user experience.