---
title: "add page"
description: "Add a new page to a web application with routing, data fetching, and SEO metadata."
type: skill
canonical_url: https://claudary.paisolsolutions.com/skills/add-page
source: "Claudary"
difficulty: intermediate
author: "Claude Code Knowledge Pack"
date: 2026-07-10T10:59:16.832Z
license: CC-BY-4.0
attribution: "add page — Claudary (https://claudary.paisolsolutions.com/skills/add-page)"
---

# add page
Add a new page to a web application with routing, data fetching, and SEO metadata.

## Overview

Add a new page to a web application with routing, data fetching, and SEO metadata.

## Steps


1. Determine the page requirements:
2. Create the page component:
3. Implement data fetching:
4. Build the page layout:
5. Add SEO metadata:
6. Handle edge cases:
7. Test the page with different data scenarios.

## Format


```
Page: <name>
Route: <URL path>
Data: <API endpoints used>
SEO: <title, description>
```


## Rules

- Every page must have proper SEO metadata.
- Handle loading, error, and empty states.
- Use the project's existing layout and navigation patterns.

---

Source: [Claudary](https://claudary.paisolsolutions.com/skills/add-page) · https://claudary.paisolsolutions.com