> ## Documentation Index
> Fetch the complete documentation index at: https://base.bangwu.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Frontend

> Frontend development notes covering Vue 3 with Naive UI, Next.js React framework with SSR/SSG, Tailwind CSS utility classes, and DaisyUI.

![Node.js](https://cdn.bangwu.top/img/Node.js.png)

Frontend development builds user interfaces and experiences, covering the visual part of web applications.

<CardGroup cols={4}>
  <Card title="Vue" icon="vuejs" href="/frontend/Vue/index">
    Progressive JavaScript framework with Composition API.
  </Card>

  <Card title="Next.js" icon="nextjs" href="/frontend/Nextjs/index">
    React full-stack framework with SSR/SSG/API Routes.
  </Card>

  <Card title="TanStack + Hono" icon="code" href="/frontend/tanstack">
    Full-stack monorepo — SSR + type-safe API server.
  </Card>

  <Card title="SolidJS + Tauri" icon="laptop-code" href="/frontend/solidjs">
    Local-first desktop apps — reactive UI + Rust shell.
  </Card>
</CardGroup>

<CardGroup cols={2}>
  <Card title="CSS Tools" icon="palette" href="/frontend/TailwindCSS/index">
    Tailwind CSS and DaisyUI component library.
  </Card>

  <Card title="UnoCSS" icon="wind" href="/frontend/tanstack#styling-unocss">
    Utility-first CSS with icon presets — lighter than Tailwind.
  </Card>
</CardGroup>

## Core Tech Stack

| Tech       | Purpose          | Description               |
| ---------- | ---------------- | ------------------------- |
| HTML       | Page structure   | Defines the skeleton      |
| CSS        | Styling & layout | Colors, fonts, spacing    |
| JavaScript | Interactivity    | Dynamic features & events |

## Learning Path

1. **Foundation**: HTML / CSS / JavaScript + DOM & events + ES6+ features
2. **Intermediate**: Frontend framework (Vue / React) + TypeScript + build tools
3. **Advanced**: Performance optimization + engineering practices + cross-platform