Introduction

What is feature101?

Think of it as shadcn/ui, but for complete features instead of UI components. Each primitive includes everything you need:

• React Hooks — Custom hooks for data fetching and state management
• Server Actions — Next.js server actions for mutations
• Zustand Stores — Client-side state with optimistic updates
• MongoDB Schemas — Database models ready to use
• TypeScript Types — Full type safety out of the box
• Components — Ready-to-use React components

Philosophy

You own the code. When you add a feature, the code is copied directly into your project. There are no hidden dependencies, no magic abstractions. You can read, modify, and customize every line.

This approach gives you full control while saving you from rebuilding common patterns from scratch every time.

Tech Stack

feature101 primitives are built for:

• Next.js 14+ (App Router)
• TypeScript
• Zustand for state management
• MongoDB with Mongoose
• Server Actions for mutations
• Axios for data fetching