# writing-page-layout

> Use this skill when you need to write code for a page layout in the Next.js

- Author: Emz1998
- Repository: Emz1998/nexly-notes
- Version: 20251201124853
- Stars: 1
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/Emz1998/nexly-notes
- Web: https://mule.run/skillshub/@@Emz1998/nexly-notes~writing-page-layout:20251201124853

---

---
name: writing-page-layout
description: Use this skill when you need to write code for a page layout in the Next.js
---

# Instructions

- Follow the rules below to write a page layout (`page.tsx`) in the Next.js app:

## Rules

- Make it modular
- Maximum of 40 lines of code per page layout
- Seperate the types and interfaces in a separate file (`srs/app/types`)