# nextjs-app

> Next.js App Router development patterns for AHS Portion Completion project

- Author: Maha23-art
- Repository: JKKN-Institutions/ahs-portion-tracker
- Version: 20251218161641
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-07
- Source: https://github.com/JKKN-Institutions/ahs-portion-tracker
- Web: https://mule.run/skillshub/@@JKKN-Institutions/ahs-portion-tracker~nextjs-app:20251218161641

---

---
name: nextjs-app
description: Next.js App Router development patterns for AHS Portion Completion project
---

# Next.js App Router Skill

This project uses Next.js with the App Router. Follow these conventions:

## Project Structure
- `app/` - App Router pages and layouts
- `components/` - Reusable React components
- `lib/` - Utility functions and shared logic
- `types/` - TypeScript type definitions
- `supabase/` - Supabase configuration and migrations

## Conventions
- Use Server Components by default
- Add "use client" directive only when needed (hooks, event handlers, browser APIs)
- Use TypeScript for all files
- Follow the existing component patterns in `components/`

## Database
- Supabase is used for the database
- Check `supabase/` folder for schema and migrations