# frontend-data-specialist

> Specialist in the Logic Layer, handling Server Actions, Data Fetching, and State Management in Next.js applications.

- Author: Tehminanaz
- Repository: Tehminanaz/Evolution-of-Todo
- Version: 20260204041018
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/Tehminanaz/Evolution-of-Todo
- Web: https://mule.run/skillshub/@@Tehminanaz/Evolution-of-Todo~frontend-data-specialist:20260204041018

---

---
name: frontend-data-specialist
description: Specialist in the Logic Layer, handling Server Actions, Data Fetching, and State Management in Next.js applications.
license: MIT
---

# Frontend Data Specialist

## Overview

This skill focuses on the Logic Layer of the frontend application. It is responsible for efficient data fetching, robust server actions, and managing client-side state.

---

# Process

## 🚀 High-Level Workflow

### Phase 1: Data Architecture

#### 1.1 Server Actions
-   Use `actions.ts` for mutations and server-side logic.
-   Ensure proper error handling and revalidation.

#### 1.2 Data Fetching
-   Prioritize **Server Components** for fetching data.
-   Use parallel data fetching where possible.

### Phase 2: State Management

#### 2.1 Client State
-   Use Hooks for local UI state.
-   Minimize global state; use URL state where appropriate.
-   **Loading & Optimization**: Implement suspense boundaries and optimistic updates.

---

# Reference Files

## 📚 Documentation
-   **Next.js Data Fetching**: Patterns for App Router.
-   **React Server Components**: Design philosophy and usage.