# Defining Tech Stack

> Locks in specific versions for the Tourly project tech stack. Use when initializing the project or adding new core dependencies.

- Skill: `majiayu000/defining-tech-stack` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/defining-tech-stack`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/defining-tech-stack/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/defining-tech-stack

---


# Project Tech Stack Definition

## When to use this skill
- At the start of the project to ensure version consistency.
- When documentation queries need to be version-specific.

## Workflow
- [ ] Initialize Next.js project using `npx create-next-app@latest`.
- [ ] Verify core versions in `package.json`.
- [ ] Document locked versions in this skill or a central `README.md`.

## Tech Stack (Locked Versions)
- **Frontend**: Next.js 15 (App Router), React 19.
- **Backend**: Appwrite Cloud (v1.6+ SDK).
- **Styling**: Tailwind CSS 4 (or latest stable compatible with Next.js 15).
- **Icons**: Lucide React.
- **Forms**: React Hook Form + Zod.

## Instructions
- **App Router**: Exclusively use `app/` directory and Server Components by default.
- **Server Actions**: Use for all mutations.
- **Appwrite SDK**: Only use `appwrite` (Web SDK) and `node-appwrite` (Server SDK) as appropriate.