Create a new page

A page is a part of your application that has its unique URL. This allows users to share links to a specific page in your app.

Pages are essentially just components and have all the same features. The biggest difference is that pages do not have Attributes and Events since they never have a parent component they need to communicate with

You can create new pages by clicking the "Create New +" button at the bottom of the project panel and then selecting "New Page."

Now you can give your page a name and a URL path where you want the page to be found.

Path and query

Instead of the Attributes and Event sections you see with components, you will see a Page section in the data panel.

You can open the page configuration panel by clicking the page in this section.

At the top, you will see a URL preview, which shows how the URL for this page will look.

If you are not familiar with how URLs are structured we recommend first reading our post about URLs

Add or remove path segments to change your page's path. You can also specify any query parameters that your page will use.

We will cover path parameters and query parameters on the next page

Configuring metadata

Each page in your application should have a unique title and description.

These provide basic information about your page to search engines, and when, e.g., sharing links on social media sites.

The title you set here will also appear as the title for the tab in your browser

Ensure your title and descriptions are short and clear about what content the user can expect to find on the page.

You can also add custom meta headers to your page. This could include additional open graph data or viewport information . You get unlimited meta tags to support your specific needs, which makes toddle great for SEO.

Note custom meta tags will only be rendered for applications on a paid plan. Please see our pricing page for more details.

Configure a custom 404 page.

If a user ends up on a URL/path of your app that doesn't match a page, toddle will show a 404 (page not found) page by default. If you want to show a custom 404 page instead, add a new page and name it "404". After you have added a 404 page, that page will be used whenever we encounter a URL that doesn't match any of your app's pages.

Note custom 404 pages and proper 404 handling is only available on paid plans. Please see our pricing page for more details.